88 poruka na forumu
| |
20
| |
111
|
|
|
post # 1 | 11.04.2013 , 11:25 PM
|
Pozdrav drugari, moze li mi neko objasniti kako da ubacim top panel, msm da mi neko ostavi kod ?

|
|
| |
|
|
post # 2 | 12.04.2013 , 1:42 PM
|
posto sam dobrodusan objasnicu ti u detalje.Odes na customize design pa na global blocks i napravi blok pod imenom toppanel.odes u global blocks i odes na toppanel i tu kucas sledeci kod: Code <!-- panel traka top --> <div id="top_bar"> <div id="top_bar_os"> <div class="td_l"> <a href="$HOME_PAGE_LINK$"><img alt="home" title="Pocetna stranica" src="http://ludus.ucoz.com/Baneri/logotip.jpg" width="80" height="26" style="border:2px solid green;"></a> </div> <div class="td_l"> <form class="poick_os1" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <input class="poick_pole1" type="text" name="q" maxlength="45" value="Upiši pojam za pretragu..." onclick="if (this.value=='Upiši pojam za pretragu...'){this.value='';}"/> <input class="poick_knopka1" type="submit" value="TRAŽI" /> <input type="hidden" name="t" value="0" /> </form> </div> <?if($USER_LOGGED_IN$)?> <div class="menu_p td_p"> <a href="#" class="drop"> Meni </a> <div class="dd_menu"> <span class="dd_ugol2"></span> <ul class="menu_top"> <li><a href="javascript://" onclick="new _uWnd('Me','Moj Sadrzaj',270,150,{align:'left',min:0,max:0,closeonesc:1},{url:'$HOME_PAGE_LINK$/index/46'});"><img src="http://ludus.ucoz.com/TopBar/folder-blue-favs-icon.png" border="0" align="left" />Moj Sadrzaj</a> </li> <li><a href="http://ludus.ucoz.com/forum/0-0-1-34"><img src="http://ludus.ucoz.com/TopBar/comment-edit-icon.png" border="0" align="left" />Novi Postovi</a> </li> </ul><br><ul class="menu_top"> <li><a href="http://ludus.ucoz.com/video/viadd"><img src="http://ludus.ucoz.com/TopBar/add-icon.png" border="0" align="left" />Video</a></li> <li><a href="https://www.facebook.com/pages/Ludusucozcom/443193129106996"><img src="http://ludus.ucoz.com/TopBar/fb_tb.png" border="0" align="left" />Ludus na Facebook-u</a></li> <li><a href="http://www.youtube.com/channel/UCv0srGWe_utQgAWkpL-akug"><img src="http://ludus.ucoz.com/TopBar/yt.png" border="0" align="left" width="16px" height="16px" />Ludus na YouTube-u</a></li> <li><a href="http://ludus.ucoz.com/photo/11-0-0-1"><img src="http://ludus.ucoz.com/TopBar/add-icon.png" border="0" align="left" />Slika</a></li> <li><a href="http://ludus.ucoz.com/news/0-0-0-0-1"><img src="http://ludus.ucoz.com/TopBar/add-icon.png" border="0" align="left" />FB Status</a></li> <li><a href="http://ludus.ucoz.com/board/0-0-0-0-1"><img src="http://ludus.ucoz.com/TopBar/add-icon.png" border="0" align="left" />Radio Stanica</a></li> </ul><br><ul class="menu_top"> <li><a href="javascript:openLayerA('skratilink','http://u.to','Skrati link','900','550','no')"><img src="http://ludus.ucoz.com/TopBar/Emblems-emblem-symbolic-link-icon.png" border="0" align="left" />Skrati link</a></li>
</ul><br><ul class="menu_top"> <li><a href="http://ludus.ucoz.com/index/11"><img src="http://ludus.ucoz.com/TopBar/Setting-icon.png" border="0" align="left" /> Izmeni profil</a></li> <li><a href="http://ludus.ucoz.com/index/10"><img src="http://ludus.ucoz.com/TopBar/Log-Out-icon.png" border="0" align="left" />Odjavi se</a></li> </ul> </div> </div> <?else?>
<div class="menu_p td_p"> <a href="http://ludus.ucoz.com/index/1" class="drop"> Prijava </a> <div class="dd_menu"> <span class="dd_ugol2"></span> $LOG_FORM$ </div> </div>
<?endif?>
<?if($USER_LOGGED_IN$)?> <div class="menu_p td_p"> <?if($USER_AVATAR_URL$)?><a href="$PERSONAL_PAGE_LINK$"><img class="mini_avatar" alt="avatar" title="$USERNAME$" src="$USER_AVATAR_URL$" width="31"></a> <?else?> <a href="$PERSONAL_PAGE_LINK$"><img class="mini_avatar" alt="avatar" title="$USERNAME$" src="http://ludus.ucoz.com/Razno/noavatar.jpeg" width="31"></a> <?endif?> <div class="dd_menu_p"> <span class="dd_ugol1"></span> <div class="mini_profil">
<a title="Tvoj profil" href="$PERSONAL_PAGE_LINK$"> <?if($USER_AVATAR_URL$)?> <img class="mp_avatar" alt="avatar" title="$USERNAME$" src="$USER_AVATAR_URL$"> <?else?> <img class="mp_avatar" alt="avatar" title="$USERNAME$" src="http://ludus.ucoz.com/Razno/noavatar.jpeg"> <?endif?> </a> <ul class="mp_info"> <li class="border_v"><span class="bold">$USERNAME$</span></li> <li>Tvoja IP adresa: <span class="bold">$IP_ADDRESS$</span></li> <li>Ti si u grupi: <span class="bold">$USER_GROUP$</span></li> <li>Ti si ovde: <span class="bold">$USER_REG_DAYS$ dana</span></li> <li>Ti koristis: <span class="bold">$USER_AGENT$ pretrazivac</span></li> </ul>
</div> </div> </div>
<div class="td_p"> <a id="upml" class="knopka_pochta" href="javascript:openLayerA('privatneporuke','http://ludus.ucoz.com/index/14','Privatne poruke','580','420','yes')">Poruke ($UNREAD_PM$)</a> <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><?endif?> </div>
<?else?>
<div class="td_p"> <a href="$REGISTER_LINK$" title="Registracija" class="knopka_reg"><!--<s3089>-->Registracija<!--</s>--></a> </div>
<?endif?> </div> </div> <!-- /panel traka top --><br><br> ovde samo izmeni linkove(izvinjavam se zato sto su linkovi sajta ostali,sajt je ionako prazan i nadam se da se necete ljutiti). odes u CSS pa dodas sledeci kod,i njega mozes izmeniti.(u kodu imas i ajax) Code /*---------------------izgled prozora---------------------------------*/ .x-sh .xstl{padding-top:6px; background:none!important;} .x-sh .xsml{background:none!important;} .x-sh .xstr{padding-top:6px; background:none!important;} .x-sh .xsmr{background:none!important;} .x-sh .xsbl{padding-left:6px;background:none!important;} .x-sh .xsbc{background:none!important;} .x-sh .xsbr{padding-right:6px;background:none!important;} .xt {background:transparent url(http://ludus.ucoz.com/Razno/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;} .xt-close{background-position:0 0!important;} .xt-close-over{background-position:-15px 0!important;} .xt-mini{background-position:0 -15px!important;} .xt-mini-over{background-position:-15px -15px!important;} .xt-maxi{background-position:0 -30px!important;} .xt-maxi-over{background-position:-15px -30px!important;} .xt-rest{background-position:0 -45px!important;} .xt-rest-over{background-position:-15px -45px!important;} .xw-tl {background:url(http://ludus.ucoz.com/TopBar/border1.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} .xw-tc {background:url(http://ludus.ucoz.com/TopBar/top1.png) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;} .xw-tr {background:url(http://ludus.ucoz.com/TopBar/border1.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;} .xw-ml {background:url(http://ludus.ucoz.com/TopBar/border1.png) repeat-y 0 0!important; padding-left:5px!important;} .xw-mr {background:url(http://ludus.ucoz.com/TopBar/border1.png) repeat-y 100% 0!important; padding-right:5px!important;} .xw-bl {background:url(http://ludus.ucoz.com/TopBar/border1.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;} .xw-br {background:url(http://ludus.ucoz.com/TopBar/border1.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;} .xw-bc {background:url(http://ludus.ucoz.com/TopBar/border1.png) repeat-x 0 100%!important; height:5px!important;} .xw-hdr-text {padding:0px!important;} .xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;} .xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#000000!important;} .xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;} .xw-plain .xw-body{padding: 10px!important; border: none!important;} .xw-blank {background:#fff!important;} .myWinTD1 {background:none!important;} /* ============================================================================*/
#top_bar { position:fixed; margin: 0px auto; z-index:997; top:0; height:35px; background: #000000; border-bottom: 1px solid green; align:center; margin-left:212px; box-shadow-bottom:0 0 0 5px green; }
#top_bar_os { padding:0px; width:1000px; height:35px; margin: 0px auto; }
#top_bar_os a{ text-decoration:none; }
.td_l { float:left; padding:5px 10px 0px 10px; height:30px; background:url(http://www.extracafe.rs/2012/topbar/li_linia.gif) no-repeat right; }
.td_p { float:right; height:35px; padding: 0px 0px 0px 0px; background:url(http://www.extracafe.rs/2012/topbar/li_linia.gif) no-repeat right; }
/* ------------------------------------------*/ .poick_os1 input { font:11px Verdana,Arial,Helvetica,sans-serif!important; margin:0px!important; vertical-align:middle!important; }
.poick_pole1 { color:#a7a7a7!important; text-shadow: 1px 1px 1px #252525!important; padding:4px 4px!important; width:220px!important; height:25px!important; background:green!important; border: 1px solid #252525!important; border-radius:5px; }
.poick_pole1:focus { background:#545454!important; }
.poick_knopka1 { color:#FFFFFF!important; text-shadow: 1px 1px 1px #460953!important; padding: 0px 10px!important; height:20px!important; background: red!important; border: 1px solid #0c123b!important; cursor:pointer!important; }
.poick_knopka1:hover { background:gray!important; }
/* ------------------------------------------*/ .menu_p { display:block; position:relative; }
.menu_p .drop { float:left; color:green; text-shadow:1px 1px 1px #000;font-weight: 700; padding: 10px 17px 0px 10px; margin-right: 10px; }
.menu_p:hover .drop{ color:gray; }
.dd_ugol1, .dd_menu { width:240px; }
.dd_ugol2, .dd_menu_p { width:300px; }
.dd_menu, .dd_menu_p { float:left; position:absolute; margin:0px auto; background:green; padding:5px; left:-999em; z-index:998; border:2px solid #111; -moz-border-radius:5px 5px 5px ; -webkit-border-radius:5px 5px 5px ; border-radius:5px 5px 5px ; box-shadow: 0px 0px 5px green; }
.menu_p:hover .dd_menu, .menu_p:hover .dd_menu_p{ top:40px; left:auto; right:0px; }
.dd_ugol1, .dd_ugol2 { height:25px; float:left; position:absolute; top: -25px; right: 25px; background:url(fon_ugol_1.png) no-repeat; background-position: right bottom; }
.dd_ugol1 {right:2px!important;} .dd_menu_os {width:218px;} .mini_profil {width:278px;}
.dd_menu_os, .mini_profil { overflow:hidden; background:black; border: 1px solid #353535; margin:0; padding:10px; }
/* ------------------------------------------*/ .menu_top { margin:0; padding:0; list-style:none; overflow:hidden; width:238px; background:black; border: 1px solid green; }
.menu_top li a:link, .menu_top li a:visited { display:block; text-align:left; color:#555; width:100%; padding:4px 10px; border-bottom: 1px solid red; border-top: 1px solid red; }
.menu_top li a:hover { background:gray; color:black; }
/* ------------------------------------------*/ .mini_avatar { width:43px; height:35px; }
.mp_avatar { float:right; margin: 0px 0px 0px 0px; width:50px; height:50px; border: 3px solid #666; }
.mp_info { float:left; margin:0; padding:5px; width:200px; list-style:none; }
.mp_info a:link, .mp_info a:visited{color:#2784b4; font-weight: bold;} .mp_info a:hover {color:#66B427;}
.mp_info li { font: 10px Verdana,Arial,Helvetica, sans-serif; padding: 2px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #B7B7B7; }
.border_v {border-top:none!important;} .border_n {border-bottom:none!important;} .bold {font-weight: bold;}
/* ------------------------------------------*/ .knopka_vxod:link, .knopka_vxod:visited, .knopka_reg:link, .knopka_reg:visited { float:left; font-weight: bold; color:red; text-shadow: 1px 1px 1px #000; padding: 10px 10px 0px 10px; }
.knopka_vxod:hover, .knopka_reg:hover {color:#FFFFFF;}
.knopka_pochta:link, .knopka_pochta:visited{ float:left; font-weight: bold; color:green; text-shadow: 1px 1px 1px #000; padding: 10px 10px 0px 10px; } .knopka_pochta:hover {color:gray;}
.knopka_vixod:link, .knopka_vixod:visited{ float:right; font: 9px Verdana,Arial,Helvetica, sans-serif; color:red; text-shadow: 1px 1px 1px #000; background:red; padding: 2px 7px 3px 7px; margin: 5px 4px 0px 0px; } .knopka_vixod:hover {background:red;} kad to uradis odes na admin traku u kontrol panelu i na design pa na Quick substitution of template parts,(pre ovoga uradi backup) prvo izaberes na mult line, tamo gde pise find kucas <body>, ispod toga kucas Code <body> $GLOBAL_TOPPANEL$ i kliknes replace. a ako oces da skines admin traku i user traku jer ce ti to smetati onda odes isto na Quick substitution of template parts,stavis multi line,u find stavis $ADMIN_BAR$,a ispod stavis Code $ADMIN_BAR$ <script type="text/javascript"> $(document).ready(function(){ $("#puzadpn").hide(); $("#uzadpn").hide(); $(".cuzadpn").hide(); }); </script> i kliknes replace. ako ti radi nemoj zahvaljivati imas za to rep i poklone!
|
|
| |