Forumotion Skinovi
Pretraga
Precice
OsnovnoPravila Foruma
Funkcije foruma i izmene
Clanovi tima
Razmena linkova
Sugestije
Novosti
------------------------------
Forumotion Resursi
Forumotion Skinovi
Forumotion Tutorijali
HTML Strane
Graficki Dizajn
------------------------------
Ostalo
Generalna diskusija
Pitanja i Problemi
Optimizovana navigacija
+4
Mr.Pixy :)
Shomi
NIXA
Shadow
8 posters
Strana 1 od 1
Optimizovana navigacija
Verzija: PunBB & PhpBB2 (nije testirano)
Opis: Optimizovan meni za Forumotion forume koji kada skrolujete forum postaje nevidljiv radi lakseg koriscenja foruma. Ovo je nova advanced opcija Forumotiona. Laka & Brza instalacija.
Izgled:
Kako dodati:
1.CSS
Dodajte
2. Javascript
Dodajte
Title: Meni
Placement: In all the pages
3. Template
Pronadjite
Zamenite sa:
Opis: Optimizovan meni za Forumotion forume koji kada skrolujete forum postaje nevidljiv radi lakseg koriscenja foruma. Ovo je nova advanced opcija Forumotiona. Laka & Brza instalacija.
Izgled:
Kako dodati:
1.CSS
Admin Panel Display Pictures and Colors Boje(Colors) CSS Stylesheet |
Dodajte
- Kod:
[panda=css]#nav1 {
height: 50px;
top: 0px;
left: 0px;
right: 0px;
z-index: 999;
position: fixed;
border: none;
background: #fff url('http://i40.servimg.com/u/f40/17/00/71/83/button85.png') repeat-x center left;
}
#nav1 ul {
width: 800px;
height: 25px;
margin: 15px auto 0px auto;
list-style: none;
}
#nav1 ul li {
margin: 0px 2px;
display: inline;
float: left;
}
#nav1 a {
height: 16px;
line-height: 16px;
float: left;
padding: 2px 4px;
background: transparent !important;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
color: #fff;
}
#nav1 a:hover {
background: transparent !important;
-webkit-text-shadow: 0px 0px 20px #fff;
-moz-text-shadow: 0px 0px 20px #fff;
-o-text-shadow: 0px 0px 20px #fff;
text-shadow: 0px 0px 20px #fff;
color: #fff;
}
#nav1 ul li.logo {
margin-right: -100px;
float: right;
margin-top: -5px !important;
color: #fff;
font-family: 'Lobster Two';
-webkit-text-shadow: 0px 0px 20px #fff;
-moz-text-shadow: 0px 0px 20px #fff;
-o-text-shadow: 0px 0px 20px #fff;
text-shadow: 0px 0px 20px #fff;
}
2. Javascript
Admin Panel Modules HTML & JAVASCRIPT Javascript codes management |
Dodajte
- Kod:
$(document).ready(function(){var x=$('#username').html();$('.templateuname').html(x)});$(function(){$(window).scroll(function(){var scrollTop=$(window).scrollTop();if(scrollTop!=0)$('#nav1').stop().animate({'opacity':'0.2'},400);else $('#nav1').stop().animate({'opacity':'1'},400)});$('#nav1').hover(function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'1'},400)}},function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'0.2'},400)}})});
Title: Meni
Placement: In all the pages
3. Template
Admin Panel Generalno Templates Overall_header |
- Kod:
[panda=html] <div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
Zamenite sa:
- Kod:
[panda=html] <div id="nav1" style="opacity: 1; ">
<ul>
<li>{GENERATED_NAV_BAR}</li>
<li class="logo"><a href="/forum"><h1>SkinMotion</h1></a></li>
</ul>
</div>
Poslednji put izmenio Shadow dana 2012-11-21, 12:01, izmenio ukupno 2 puta
Shadow- Administrator
- Poruke : 80
Reputacija : 43
Datum upisa : 07.02.2010
Status : LG
Re: Optimizovana navigacija
Hvala odlicno izgleda
NIXA- Forumotion član
- Poruke : 25
Reputacija : 4
Datum upisa : 08.10.2012
Status : LG
Shomi- Forumotion član
- Poruke : 11
Reputacija : 1
Datum upisa : 12.10.2012
Status : LG
atlantisbRe- Forumotion član
- Poruke : 8
Reputacija : -1
Datum upisa : 17.11.2012
Status : LG
Re: Optimizovana navigacija
Lepo je...
mis870- Forumotion član
- Poruke : 11
Reputacija : 0
Datum upisa : 28.12.2012
Status : LG
Re: Optimizovana navigacija
Odlicno je :D
myka24- Forumotion član
- Poruke : 8
Reputacija : 0
Datum upisa : 30.12.2012
Status : LG
wlajko- Forumotion član
- Poruke : 2
Reputacija : 0
Datum upisa : 22.01.2013
Status : LG
Strana 1 od 1
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu
|
|