Mesaj # 1 | 1:13 PM
Vă pun la dispoziţie un set de 6 stiluri pentru fereastre ajax. Descărcaţi arhiva alegeţi culoarea şi încarcaţi în file manager cu calea /ajax/. http://maxrom.net/txtexemple/ajax_menu.rar

În CSS adăugaţi stilurile:



Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}          
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #425693!important; }          
           .xw-plain .xw-body{padding:0px!important; border: none!important; }          
   .myWinCont {padding:10px!important; background: url(/ajax/fon_ten.png) repeat-x top!important; }          
   .xw-blank {background:#6C84B4!important;}          
   /* ------------------------------------------*/




Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}          
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #6cb46d!important; }          
           .xw-plain .xw-body{padding:0px!important; border: none!important; }          
   .myWinCont {padding:10px!important; background: url(/ajax/fon_ten.png) repeat-x top!important; }          
   .xw-blank {background:#6cb46d!important;}          
   /* ------------------------------------------*/




Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}       
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #93424b!important; }      
       .xw-plain .xw-body{padding:0px!important; border: none!important; }      
   .myWinCont {padding:10px!important; background: url(/ajax/fon_ten.png) repeat-x top!important; }      
   .xw-blank {background:#b46c7a!important;}      
   /* ------------------------------------------*/



Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}       
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #937f42!important; }      
       .xw-plain .xw-body{padding:0px!important; border: none!important; }      
   .myWinCont {padding:10px!important; background: url(/ajax/fon_ten.png) repeat-x top!important; }      
   .xw-blank {background:#b49c6c!important;}      
   /* ------------------------------------------*/



Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #429390!important; }     
      .xw-plain .xw-body{padding:0px!important; border: none!important; }     
   .myWinCont {padding:10px!important; background: url(/ajax/fon_ten.png) repeat-x top!important; }     
   .xw-blank {background:#429390!important;}     
   /* ------------------------------------------*/




Code
/* Ajax */          
   .xt {background:transparent url(/ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }          
   .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }          
   .xw-tl {background: url(/ajax/top_l.png) no-repeat left!important;}          
   .xw-tc {background: url(/ajax/top_c.png) top!important;}          
   .xw-tr {background: url(/ajax/top_p.png) no-repeat right!important;}          
   .xw-bl {background: url(/ajax/bottom_l.png) no-repeat left bottom!important;}          
   .xw-bc {background: url(/ajax/bottom_c.png) bottom!important;}          
   .xw-br {background: url(/ajax/bottom_p.png) no-repeat right bottom!important;}          
   .xw-ml{padding-left:0px!important;}          
   .xw-mr{padding-right:0px!important;}
   .xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #934290!important; }    
   .xw-plain .xw-body{padding:0px!important; border: none!important; }    
   .myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/fon_ten.png) repeat-x top!important; }    
   .xw-blank {background:#b06cb4!important;}    
   /* ------------------------------------------*/


Sursa: Maxrom

Material modificat de Devil - Marţi, 24/07/2012, 1:14 PM