Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Nivo slider achtergrond wegwerken

Vorige onderwerp Volgende onderwerp Go down

  • 0

Nivo slider achtergrond wegwerken

Bericht van Kimdierengek op ma 26 aug 2013 - 21:49

Ik heb het op het Engelse forum gevraagd maar ik verwacht daar niet echt een reactie. Volgens mij mogen ze me niet omdat ik teveel vragen stel Laughing 

Hier maar proberen! Ik heb zo'n mooie nivo slider op het forum (wel, er staat nog niks in maar hij WORD als het goed is mooi xD) maar ik vraag me af hoe ik de achtergrond, dat hele paneel kan verwijderen? Zodat alleen de slider zichtbaar is.

Pic:


Code in de css:
Code:
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
/*-profile-*/

.novo {
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #3a3a3a;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 154px;
 }
.filtered_profile_field {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    display:block;
      margin-left: 5px;
      padding-left: 3px;
    valign:middle;
      margin-bottom: 2px;
      padding-bottom:2px;
      padding-top:2px;
      padding:auto !important;
      overflow:hidden;
      color: #2CAB58;
   
    }
        .filtered_profile_field {
            margin-left: 6px !important;
                  }
    .filtered_profile_field {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Kimdierengek
Actief Forumlid

Vrouw Aantal berichten : 100
Leeftijd : 21
Locatie : Hoorn, noord-holland
Registratiedatum : 20-08-08
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.perished.actieforum.com
Kimdierengek is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van 10spetter10 op ma 26 aug 2013 - 22:28

Heb je de methode van Nera. gebruikt? Dan zou je de opmaak van je 'bericht op de index pagina' aanpassen en dat lukt moeilijk mlet de css wanneer je phpBB2 gebruikt. Je zou dan de templates moeten aanpassen:
Beheerderspaneel Display Templates Algemeen  Index_body

Hier verander je regel 3-16:
oorspronkelijke r3-16:

Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
Door:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
Zoals je ziet heb ik de titel weg gelaten en zo goed als alle class'es, hierdoor krijg je een doorzichtbare tabel en is je achtergrond ook doorzichtbaar.

Als je Nera.'s methode niet gebruikt hebt vergeet dan alles lol!


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1296
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van Kimdierengek op ma 26 aug 2013 - 22:34

Jup, ik heb inderdaad haar methode gebruikt.
Ik heb de template aangepast en het werkt! Je bent een held XD <3

Kimdierengek
Actief Forumlid

Vrouw Aantal berichten : 100
Leeftijd : 21
Locatie : Hoorn, noord-holland
Registratiedatum : 20-08-08
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.perished.actieforum.com
Kimdierengek is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van Joost op ma 26 aug 2013 - 23:27

Als uw aanvraag opgelost is, gelieve dan het topic als opgelost te markeren! Hoe doe ik dit? Klik hier



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Joost
Beheerder
Beheerder

Man Aantal berichten : 4114
Leeftijd : 25
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://hpmagicworld.actieforum.com/ http://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van Kimdierengek op di 27 aug 2013 - 19:53

Wacht, wacht. Sorry, ik heb nog een vraag die te maken heeft met de nivo slider x'D

Ik heb dus de manier van Nera gebruikt. De codes staan allemaal in de link die spetter gegeven heeft. Mijn vraag: Hoe zorg ik er voor dat hij niet verder gaat, zeg maar? Ik faal in coding, dus ik veranderde de snelheid naar 0, maar toen space'de hij juist heel snel xD

Kimdierengek
Actief Forumlid

Vrouw Aantal berichten : 100
Leeftijd : 21
Locatie : Hoorn, noord-holland
Registratiedatum : 20-08-08
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.perished.actieforum.com
Kimdierengek is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van 10spetter10 op di 27 aug 2013 - 21:09

hmm voor niet te slide vind ik het niet direct maar je kan de tijd tussen het sliden aanpassen tot bv 2u:

Beheerderspaneel Display Indexpagina Algemeen Bericht op de indexpagina

Ergens redelijk onderaan staat er: pauseTime:5000,
Die 5000 is het aantal millieseconde tussen het wisselen. Als je van de 5000 bv 2700000 maakt dan duurt het 2u voor je doorschuift.

Misschien dat iemand anders wel een manier vindt voor te laten stil staan.


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1296
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Nivo slider achtergrond wegwerken

Bericht van Lone Wanderer op wo 28 aug 2013 - 11:48

Volgens mij moet je dan de manualAdvance van False naar True veranderen. manualAdvance kun je ergens onder pauseTime vinden (dus in het IndexPagina bericht, zoals 10Spetter10 hierboven aangaf). De slider gaat dan alleen handmatig naar de volgende slide =)

Lone Wanderer
Medaille Forumlid
Medaille Forumlid

Oud Beoordeler

Vrouw Aantal berichten : 145
Registratiedatum : 26-07-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://hongerspelenRPG.actieforum.com
Lone Wanderer is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum