Pentru a accesa toate paginile forumului
te rugăm să te înregistrezi
[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Următoarea pagină | Schimbarea paginilor | Comutator
Următoarea pagină | Schimbarea paginilor | Comutator
StapanulData: Duminică, 2012-06-24, 11:33 AM | Mesaj # 6
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - aici adăugaţi codul:

Code
/* Selectarea paginilor */    
.catPages1 {color:#ffffff; border:1px;margin-bottom:10px;margin-top:10px;}    
    .catPages1 a:link,    
    .catPages1 a:visited,    
    .catPages1 a:hover,    
    .catPages1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}    
    .catPages1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}    
    .catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#c2efff;font-size:11px;border:1px solid #c2efff;}    

    .pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}    
    .pagesBlockuz1 a:link,    
    .pagesBlockuz1 a:visited,    
    .pagesBlockuz1 a:hover,    
    .pagesBlockuz1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}    
    .pagesBlockuz1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}    
    .pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}    

    .pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}    
    .pagesBlock1 a:link,    
    .pagesBlock1 a:visited,    
    .pagesBlock1 a:hover,    
    .pagesBlock1 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}    
    .pagesBlock1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}    
    .pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}    

    .catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}    
    .catPages2 a:link,    
    .catPages2 a:visited,    
    .catPages2 a:hover,    
    .catPages2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}    
    .catPages2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}    
    .catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}    

    .pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}    
    .pagesBlockuz2 a:link,    
    .pagesBlockuz2 a:visited,    
    .pagesBlockuz2 a:hover,    
    .pagesBlockuz2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}    
    .pagesBlockuz2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}    
    .pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}    

    .pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}    
    .pagesBlock2 a:link,    
    .pagesBlock2 a:visited,    
    .pagesBlock2 a:hover,    
    .pagesBlock2 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}    
    .pagesBlock2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}    
    .pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
    /* Selectarea paginilor */


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
OmulPaianjenData: Luni, 2012-07-30, 5:31 PM | Mesaj # 7
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - alegem, de exemplu - Editor de pagini [Paginile site-ului] - înainte de </body> adăugăm codurile:

Code
<script type="text/javascript">               
               $('.swchItemA, .swchItemA1').each(function(){               
               $(this).html('<div style="display:inline-block !important;margin-bottom:-5px;" class="MmenuOver"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="MmenuLeft"></td><td class="MmenuCenter"><div style="padding:2px 5px;" class="mmenuItem"><b>'+$(this).html()+'</b></div></td><td class="MmenuRight"></td></tr></table></div>')               
});               
               $('.swchItem, .swchItem1').each(function(){               
               $(this).html('<div style="display:inline-block !important;margin-bottom:-5px;" onmouseover="this.className=\'MmenuOver\';" class="MmenuOut" onmouseout="this.className=\'MmenuOut\'"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="MmenuLeft"></td><td class="MmenuCenter"><div style="padding:2px 5px;" class="mmenuItem">'+$(this).html()+'</div></td><td class="MmenuRight"></td></tr></table></div>')               
});               
</script>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - pentru comutatorul de culoare albastră, adăugați aceste stiluri:

Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}               
               .MmenuLeft,.MmenuRight {width:3px;height:21px;}               
               .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_albastru_css.gif') no-repeat 0 0;}               
               .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_albastru_css.gif') no-repeat 0 -21px;}               
               .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_albastru_css.gif') repeat-x 0 -42px;}


* Pentru comutatorul de culoare verde:


Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}              
              .MmenuLeft,.MmenuRight {width:3px;height:21px;}              
              .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_verde_css.gif') no-repeat 0 0;}              
              .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_verde_css.gif') no-repeat 0 -21px;}              
              .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_verde_css.gif') repeat-x 0 -42px;}


* Pentru comutatorul de culoare sură:


Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}            
            .MmenuLeft,.MmenuRight {width:3px;height:21px;}            
            .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_sur_css.gif') no-repeat 0 0;}            
            .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_sur_css.gif') no-repeat 0 -21px;}            
            .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_sur_css.gif') repeat-x 0 -42px;}


* Pentru comutatorul de culoare roz:


Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}           
           .MmenuLeft,.MmenuRight {width:3px;height:21px;}           
           .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_roz_css.gif') no-repeat 0 0;}           
           .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_roz_css.gif') no-repeat 0 -21px;}           
           .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_roz_css.gif') repeat-x 0 -42px;}


* Pentru comutatorul de culoare oranj:


Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}         
         .MmenuLeft,.MmenuRight {width:3px;height:21px;}         
         .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_oranj_css.gif') no-repeat 0 0;}         
         .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_oranj_css.gif') no-repeat 0 -21px;}         
         .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_oranj_css.gif') repeat-x 0 -42px;}


* Pentru comutatorul de culoare neagră:


Code
.MmenuOut {height:21px;margin:2px;color:#000;}        
        .MmenuOver {height:21px;margin:2px;color:#fff;}        
        .MmenuLeft,.MmenuRight {width:3px;height:21px;}        
        .MmenuOver .MmenuLeft {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_negru_css.gif') no-repeat 0 0;}        
        .MmenuOver .MmenuRight {background: transparent url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_negru_css.gif') no-repeat 0 -21px;}        
        .MmenuOver .MmenuCenter {background: #C8CACE url('http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/6_negru_css.gif') repeat-x 0 -42px;}


* Urmând Pasul 1 vom primi rezultatul de mai jos doar pentru comutatorul Știrilor saitului. Dacă doriți pentru Catalogul de fișiere, sau oricare alt modul, alegeți prima pagina a modulului respectiv și urmați aceeasi pași.

Rezultatul:
 
OmulPaianjenData: Duminică, 2012-08-26, 10:03 PM | Mesaj # 8
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere [Pagina principală a catalogului cu fişiere] - înainte de </head> adăugați:

Code
<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/Comutator_dual.js"></script>


Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere [Pagina principală a catalogului cu fişiere] - $BODY$ înlocuiți-l cu:

Code
<div id="contik">$BODY$</div>


Pasul 3: Panoul de Control - Design - Administrarea design-ului (şabloane) - Catalog de fişiere [Pagina principală a catalogului cu fişiere] - $PAGE_SELECTOR$ înlocuiți-l cu:

Code
<center>  
  <div class="weselector">  
  <div class="selector1">  
  $PAGE_SELECTOR$  
  <a href="javascript://" onclick="$('.weselector').slideToggle(); setCookie('cokContik',1,365);"><div class="changeselector">Schimbă comutatorul</div></a>  
  </div>  

  </div>  

  <div class="weselector" style="display:none;">  
  <div class="selector2">  
  <div style="display:none;" id="selector">$PAGE_SELECTOR$</div>  
  <a href="javascript://" onclick="$('.weselector').slideToggle(); eraseCookie('cokContik');"><div class="changeselector">Schimbă comutatorul</div></a>  
  </div>  

  </div>  
  <script type="text/javascript">  
  if(getCookie('cokContik')){$('.weselector').slideToggle();}  
  if ($("#selector").find(".swchItem:contains('»')").text() == '»') {  
  $("#selector").after('<br><div id="nextCont"><div onclick="Conti.to();" style="cursor:pointer;"><b>Următoarele</b></div></div>');  
  };  
   
  Conti = {  
  to:function(){  
  $("#nextCont").html('<div><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Incarcare/50.gif" border="0" /></div>');  
  nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();  
  num = nextik.match(/\d/);  
  $.get('/load/0-'+num, function(next){  
  $("#contik").append( $("#contik", next).html() );  
  $("#selector").html( $("#selector", next).html() );  
   
  $("#nextCont").html('<div onclick="Conti.to();" style="cursor:pointer;"><b>Următoarele</b></div>');  
  if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };  
  });  
  }  
  }  
  </script>  
  </center>


Pasul 4: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați la urmă aceste stiluri:

Code
/* Comutatorul de pagini */
.weselector {background:#e7f0f5; text-align:center; border:1px solid #c9d4db; height:46px; width:564px;}  
  .weselector a {text-decoration: none;}  
  .selector1 {padding:13px; font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}  
  .selector2 {font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}  
  .changeselector {font-size:10px; color:#7da0b4;}


Rezultatul:


 
LiberData: Sâmbătă, 2012-09-29, 2:55 PM | Mesaj # 9
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi la urmă stilurile:

Code
/* Comutator de pagini  */
.catPages1 {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.catPages1 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages1 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages1 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.catPages1 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages1 b {background:#EEE; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz1 {color: #636363;}  
.pagesBlockuz1 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz1 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.pagesBlockuz1 a:hover {background:#F30;padding:2px 7px; margin:0 1px};margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center
.pagesBlockuz1 a:active {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz1 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz1 b {background:#EEE;  text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock1 {color: #636363;}  
.pagesBlock1 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock1 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.pagesBlock1 a:hover {background:#F30;padding:2px 7px; margin:0 1px};margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center
.pagesBlock1 a:active {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock1 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock1 b {background:#EEE;  text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages2 {color: #636363;}  
.catPages2 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages2 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.catPages2 a:hover {background:#F30;padding:2px 7px; margin:0 1px};margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center
.catPages2 a:active {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages2 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.catPages2 b {background:#EEE;  text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz2 {color: #636363;}  
.pagesBlockuz2 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz2 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.pagesBlockuz2 a:hover {background:#F30;padding:2px 7px; margin:0 1px};margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center
.pagesBlockuz2 a:active {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz2 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlockuz2 b {background:#EEE;  text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock2 {color: #636363;}  
.pagesBlock2 a:link {background:#3D505A; color:#FFF; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock2 a:visited {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}  
.pagesBlock2 a:hover {background:#F30;padding:2px 7px; margin:0 1px};margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center
.pagesBlock2 a:active {padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock2 a:hover {background:#F30;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}
.pagesBlock2 b {background:#EEE;  text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;padding:2px 7px; margin:0 1px;margin:15px 0; font-size:10px; text-transform:uppercase; text-align:center}


Rezultatul:
 
LiberData: Marţi, 2012-10-30, 11:03 AM | Mesaj # 10
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - la urmă adăugați aceste stiluri:

Code
.catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;}  
  #pagesBlock1 {padding-top:10px;}  
  .catPages1 a:link,  
  .catPages1 a:visited,  
  .catPages1 a:hover,  
  .catPages1 a:active {
background: url(http://fierbinte.ucoz.ro/Forum/Aspect/Urmatoarea/Comutator_verde.png) repeat-x;
background-position: 0px -24px;
color:#fff;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
list-style:none;
padding: 4px 10px 5px 10px;
text-shadow: 0 1px 0 #699c00;
}  
  .catPages1 a:hover {
background-position: 0px 0px;
text-shadow: 0 1px 0 #333;
text-decoration: none;
}

  .catPages1 b {
background: #333;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
list-style: none;
margin-bottom: -10px;
padding: 4px 10px 5px 10px;
cursor: default;
text-shadow: 0 1px 0 #333;
}


Rezultatul:
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Următoarea pagină | Schimbarea paginilor | Comutator
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz