Samo registrovani članovi mogu pisati porukice.
[Zatvori]

  • Page 1 of 1
  • 1
Archive - read only
Top panel






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 :) ?









Sta da napisem?!
444
poruka na forumu
21 287



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!


  • Page 1 of 1
  • 1
Search: