Sveicināts Viesis!
Lai apskatītu mūsu mājaslapu:
Ielogojies vai Reģistrējies

Reklāma:

Jaunākie ieraksti
Lietotāji
TOP 30 Reputācija
Foruma noteikumi
Meklētājs

Lietotāju sarunas
Atlikušie simboli: 200

  • Lappuse 1 no 1
  • 1
Forums » Ucoz Sistēma » Lapu sastāvs, dizains » Izvēlne v3 (horizontāla)
Izvēlne v3 (horizontāla)
Ar4ssSDate: Trešdiena, 2012-07-25, 13:51 | Message # 1




Ieraksti: 65
Reputācija: 7 
Balvas:0

Šo kodu liekam, kur vēlamies redzēt izvēlni!
Code
<style>body {overflow-x:hidden !important;}  
  .cuzadpn {width:100%; background:#e3e3e3 url('/design/admin-bar-gray.png') repeat-x !important; height:24px;}  
   
  h1 {font-size:12px;}  
  h2 {font-size:12px;}  
  h3 {font-size:16px;}  
  h4 {font-size:15px;}  
  h5 {font-size:14px;}  
  h6 {font-size:13px;}  
   
  .loginField {border:1px solid #cccccc; color:#2d2d2d; font-size:11px; font-family:tahoma; height:19px; padding:2px; padding-top:2px; padding-left:2px; background:#ffffff; width:100%; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  
  .loginField:focus {border:1px solid #ecb30d;}  
  .loginButton {font-size:11px; font-family:tahoma; text-shadow:1px 1px 0px #ffffff; padding-bottom:1px; width:100%;}  
   
  .statablock {background:#eeeeee; padding:4px 3px 4px 4px; font-size:11px; font-family:tahoma; color:#7d7d7d;}  
  .statablockr {background:#eeeeee; font-size:10px; color:#9d9d9d; padding:4px 3px 4px 3px;}  
   
  .informerlefttstat {font-size:9px; font-family:verdana; color:#9a9a9a; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#EAEBEC; padding:2px 2px 3px 4px;}  
  .informerleftstat {font-size:11px; font-family:tahoma; color:#696969; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:2px 3px 3px 4px;}  
  .informerrightstat {font-size:9px; font-family:verdana; color:#9a9a9a; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#EAEBEC; padding:2px 4px 3px 2px;}  
   

  a.najmi:link, a.najmi:active, a.najmi:visited {text-decoration:none; color:#1e8ab7; font-size:11px; font-family:tahoma;}  
  a.najmi:hover {text-decoration:none; color:#4d4d4d; font-size:11px; font-family:tahoma;}  
   
  a.loginform:link, a.loginform:active, a.loginform:visited {text-decoration:none; color:#5d5d5d; font-size:11px; font-family:tahoma;}  
  a.loginform:hover {text-decoration:underline; color:#98b333; font-size:11px; font-family:tahoma;}  
   
  .noartist {background:url('/design/no_artist.png') no-repeat; width:64px; height:64px;}  
  #noartist {padding-top:6px; padding-left:8px;}  
   
  .textblock {font-family:Tahoma; color:#3d3d3d; font-size:11px; padding-top:4px; text-shadow: 0px 1px 1px #f8f8f8; font-weight:bold;}  
   
  .SearchBlock1 {border:1px solid #ec9411; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; margin-top:8px;}  
  .SearchBlock2 {border:1px solid #ffc741; background:#ffb606; padding:3px; -webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}  
   
  .oldmusic:link {text-decoration:none; color:#1e8ab7; font-size:11px; font-family:tahoma,arial;}  
  .oldmusic:active {text-decoration:none; color:#1e8ab7; font-size:11px; font-family:tahoma,arial;}  
  .oldmusic:visited {text-decoration:none; color:#1e8ab7; font-size:11px; font-family:tahoma,arial;}  
  .oldmusic:hover {text-decoration:none; color:#4d4d4d; font-size:11px; font-family:tahoma,arial;}  
   
  .menu {clear:both; width:100%; height: 24px; margin:0; font: bolder 11px/24px Tahoma; font-weight: bold; border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; text-transform: uppercase; background: #FAFAFA url('/design/bgbottom.gif');}  
  .menu ul {margin:0px; padding:0px 0px 0px 0px;}  
  .menu ul li {float:left; list-style:none;}  
  .menu ul li a {display:block; text-decoration:none; padding:0px 7px 0px 8px; background:inherit; border-left:1px solid #E6E6E6; text-shadow: 1px 1px 0px #ffffff;}  
  .menu ul li a:hover {background: #FD7D3F url('/design/bg_menu.png') repeat-x; color: #ffffff; text-shadow: 1px 1px 0px #ea920f;}  
  .menu ul li.current a {background: #3fcdfc url('/design/bg_menu_blue.png') repeat-x; color:#ffffff; padding:0px 7px 0px 8px; text-shadow: 1px 1px 0px #3293f3;}  
  .menu ul li.current a:hover {background: #3fcdfc url('/design/bg_menu_blue.png') repeat-x; color:#ffffff; padding:0px 7px 0px 8px; text-shadow: 1px 1px 0px #2185e8;}  
   
  .mn {display:block; text-decoration:none; padding:0px 6px 0px 7px; background:inherit; color:#565656; border:0px solid #E6E6E6; font-weight: bold; background: #FAFAFA;}  
  a.mn:active, a.mn:link, a.mn:visited {background: #FAFAFA url('/design/bgbottom.gif'); color: #5d5d5d;}  
  a.mn:hover, a.mn:focus {background: #FAFAFA url('/design/bgbottom.gif'); color: #5d5d5d;}  
   
  .mnsl {display:block; text-decoration:none; padding:0px 6px 0px 7px; background:inherit; color:#565656; border:0px; background:#FAFAFA;}  
  a.mnsl:active, a.mnsl:link, a.mnsl:visited {background: #FAFAFA url('/design/bgbottom.gif') top; color:#5d5d5d;}  
  a.mnsl:hover, a.mnsl:focus {background: #FAFAFA url('/design/bgbottom.gif') top; color:#5d5d5d;}  
   
  table.LastMP3 {border:1px solid #cccccc; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin-bottom:4px;}  
  table.LastMP3:hover {border:1px solid #56abdd;}  
   
  .OtherNewBlocks {border:1px solid #cccccc; background:#f8f8f8; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-bottom:12px;}  
  .OtherNewBlCont {padding:5px; font-size:11px; font-family:tahoma;}  
   
  .NewBlocks {border:1px solid #cccccc; background:#f8f8f8; padding-top:8px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-bottom:12px;}  
  .NewBlocksTitle {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:0px; border-right:0px; padding:6px; font-family:tahoma; font-size:11px; color:#585858;}  
  .IconBlock {float: right;}  
  .IconBlock img {width:16px; height:16px; margin-top:-1px; border:none !important;}  
  .IconBlock img:hover {width:16px; height:16px; margin-top:-1px; border:none !important; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}  
  .NewBlocksContent {padding:5px; color:#7a7a7a; font-family:tahoma; font-size:11px;}  
   
  .CommentsClass {border:1px solid #cccccc; background:#f8f8f8; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  
  .CommentsClassLine {padding:2px 3px 5px 5px; border:0px; border-bottom:1px solid #d2d2d2; font-size:11px; font-family:tahoma; color:#585858;}  
  .CommentsClassIMG {padding:1px; background:#ffffff; border:1px solid #d2d2d2;}  
   
  div.CommentsClass:hover {border:1px solid #30a8eb; background:#f8f8f8;}  
  div.CommentsClass:hover table tr td div.CommentsClassLine {border-bottom:1px solid #a3cde6;}  
  div.CommentsClass:hover table tr td img.CommentsClassIMG {border:1px solid #a3cde6;}  
   
  .InformerLastKlips {border:1px solid #c5c5c5; padding:3px; background:#f8f8f8; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  
  .InformerLastKlips:hover {border:1px solid #ec5166; padding:3px; background:#f8f8f8; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  
   
  .20hitsd {text-decoration:none; border:1px dotted #ec5656; color:#eb4747;}  
  .inforhits {border:1px solid #dedede; padding:1px; background:#fafafa; margin-top:2px; margin-right:1px; margin-left:1px; margin-bottom:2px;}  
  .inflasmuz1, .inflasmuz2, .inflasmuz3 {padding:4px 4px 4px 4px;}  
  .inflasmuz1 {padding-right:1px; color:#c8c8c8; font-size:11px; font-family:tahoma;}  
  .inflasmuz2 {padding-left:5px;}  
  .inflasmuz3 {padding-right:0px;}  
   
  .hide {display: none; font-size:9px; padding-top:1px; color:#bababa;}  
  noindex {border:0px !important; padding:0 !important; margin:0 !important;}  
  </style>  
  <div class="menu">  
  <ul>  
   
  <?if($USER_LOGGED_IN$)?>  
  <li style="float:right;" class="current"><a class="mn" href="$LOGOUT_LINK$">iziet</a></li>  
  <?else?><li style="float:right;" class="current"><a rel="nofollow" class="mn" href="/index/3">Reģistrācija</a></li>  
<li style="float:right;" class="current"><a rel="nofollow" class="mn" href="$LOGIN_LINK$">ieeja</a></li> <?endif?>  
   
  <li><a class="mn" href="/load/" title="Uz sākumu">Sākums</a></li>  
  <li><a class="mn" href="/gb/" title="Filmu pieprasījumi">Filmu pieprasījumi</a></li>  
  <li><a class="mn" href="/search/" title="Meklēt">Meklēt</a></li>  
  </ul>  
  </div>  
  </script>  


Iznākums:



izvēlne ir ļoti skaista un ērta, pielāgojas Jūsu lapas izmēram. labajā pusē ir poga reģistrēties un ielogoties, un pēc ielogošanās labajā pusē uzrodas poga Iziet.


1074310.gif (217.2 Kb)


Noderēja, kāds mans materiāls? Pievieno man reputāciju!
 
Forums » Ucoz Sistēma » Lapu sastāvs, dizains » Izvēlne v3 (horizontāla)
  • Lappuse 1 no 1
  • 1
Meklēšana:

Sveicināts viesi!
Ja Jūs redzat šo ziņojumu, tad neesat ielogojies vai reģistrējies. Aicinām ielogoties savā profilā vai reģistrēt jaunu profilu, lai vairs neredzētu šo logu un varētu pilnvērtīgi lietot lapu.
SPOTLIGHTUCOZ.LV © 2012