Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Dėl dle [pasikeitė klausimas]

Parašė Memento Mori· 2012 Sau. 13 21:01:23
#1

Sveiki klausimas susijęs su dle valdymo sistema, tačiau šiam klausimui užtenka žinių apie html taigi:

Esu įsitikinęs maždaug 99%, kad nesulauksiu pagalbos, bet gal atsiras tas 1% kuris man padės...

Klausimas:

Turiu dizainą viską susitvarkiau ir panašiai (siunčiausi ne iš lietuvių)
Taigi žinote kaip būna šoninės panelės? Jos visos surašytos main.tpl faile
Maždaug:
<div class="block btopnews">
                  <h3 class="dtitle"><img src="{THEME}/images/spacer00.gif" title="top news" alt="top news" /></h3>
                  <div class="dcont">
                     <ul>{topnews}</ul>
                     <br />
                  </div>
               </div>
               <div class="block barchives">
                  <h3 class="dtitle"><img src="{THEME}/images/spacer00.gif" title="archives" alt="archives" /></h3>
                  <div class="dcont">
                     {archives}
                  </div>
               </div>



Viską atvaizduoja va taip:



Viskas normaliai tačiau jeigu aš noriu sukurti atskirą panelę pvz.: skype
rašau tokį kodą

<div class="block bskype">
                  <h3 class="dtitle"><img src="{THEME}/images/spacer00.gif" title="skype" alt="skype" /></h3>
                  <div class="dcont">
                     
                     <center><a><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
   <a href="skype:cs.lt?chat"><img src="http://mystatus.skype.com/smallclassic/cs.lt" style="border: none;" width="114" height="20" alt="My status" /></a></b>                  
   
                     <br /><br />
                  </div>   




Tačiau atvaizduoją man kaip visai kitą užrašą (noriu, kad būtų panelės užrašas skype tačiau rašo navigation. Jeigu pakeisčiau
<div class="block bskype">


į pvz.:
<div class="block btopnews">


Tai pavadinimas bus Top News tačiau, kad būtų skype pavadinimas niekaip neišeina va dar .css failo reikalinga dalis:

.rightside .block { background: #2f2f2f url("../images/blockbg0.png") no-repeat -287px 100%; color: #c3c3c3; }
.rightside .block a { color: #ffffff; text-decoration: none !important; }
.rightside .block a:hover { color: #ff9600; }
   .rightside .block .dcont, .rightside .blockad .dcont { margin: 0 15px; width: 257px; overflow: hidden; }
   .rightside .block .dtitle { overflow: hidden; background: #ddd url("../images/blockbg0.png") no-repeat 0 0; padding-left: 15px; height: 37px; margin: 0 0 12px 0; line-height: 32px; color: #fab311; }
   .rightside .block .dskype { overflow: hidden; background: #ddd url("../images/blockbg0.png") no-repeat 0 0; padding-left: 15px; height: 37px; margin: 0 0 12px 0; line-height: 32px; color: #fab311; }
   .rightside .block .dtitle img, .rightside .blockad .dtitle img, .blocktags .dtitle img { margin-top: 9px; width: 132px; height: 14px; background: url("../images/headings.png") no-repeat 0 0; }
   .rightside .block .dskype img, .rightside .blockad .dtitle img, .blocktags .dtitle img { margin-top: 9px; width: 132px; height: 14px; background: url("../images/headings.png") no-repeat 0 0; }
.rightside .bnavi .dtitle img { width: 73px; background-position: 0 0; }
.rightside .bskype .dtitle img { width: 60px; background-position: 0 -7; }
.rightside .btopnews .dtitle img { background-position: 0 -14px; }
.rightside .barchives .dtitle img { width: 87px; background-position: 0 -28px; }
.rightside .bvote .dtitle img { width: 53px; background-position: 0 -42px; }
.rightside .btopforum .dtitle img { width: 91px; background-position: 0 -70px; }
.rightside .btopfriend .dtitle img { width: 89px; background-position: 0 -84px; }
   .vtitle { color: #ff9600; }
   .fvbutton { margin-bottom: 4px; background: #ffb142 url("../images/votebtn0.png") no-repeat 0 0; width: 132px; height: 21px; color: #000; }
   .fvbutton:hover { background-position: 0 -21px; }

   .fresult { color: #ffab32; background: none; }

.bnavi li { width: 100%; margin: 0 0 2px 0; background: #383838 url("../images/vtlnk000.png") no-repeat -257px 100%; }
   .bnavi li .vtlnk { width: 100%; background: url("../images/vtlnk000.png") no-repeat 0 0; }
   .bnavi li:hover { background: #292929 url("../images/vtlnk000.png") no-repeat -771px 100%; }
   .bnavi li:hover .vtlnk { background: url("../images/vtlnk000.png") no-repeat -514px 0; }
   .bnavi li .vtlnk b { display: block; position: relative; display: block; }
   .bnavi li .vtlnk b a { padding: 0 10px; line-height: 30px; height: 31px; display: block; }
   .bnavi li .vtlnk b img { position: absolute; top: 0; right: 0; cursor: pointer; width: 26px; height: 31px; background: url("../images/plusminu.png") no-repeat; }
   .bnavi li .vtlnk b img.active { background-position: -26px 0; }
   .bnavi li .vtlnk b img.active:hover { background-position: -26px -31px; }
   .bnavi li .vtlnk b img.deactive { background-position: 0 0; }
   .bnavi li .vtlnk b img.deactive:hover { background-position: 0 -31px; }

   .vsubmenu { overflow: hidden; }
   .vsubmenu ul { padding: 0 10px 4px 10px; }
   .vsubmenu ul li { background: none !important; margin: 0; display: inline; }
   .vsubmenu ul li a { display: block; width: 100%; padding: 5px 0 4px 0; background: url("../images/vsublink.png") repeat-x; }

.rightside .blockad, .rightside .block { width: 287px; overflow: hidden; margin: 0 0 2px 0; padding: 0 0 21px 0; }
   .rightside .blockad { padding: 0 0 15px 0; background: #c2bfb6 url("../images/blockadb.png") no-repeat -287px 100%; }
   .rightside .blockad .dtitle { padding-left: 15px; margin-bottom: 10px; }
   .rightside .blockad .dtitle img { width: 59px; background-position: 0 -56px; }
   .rightside .blockad .dcont { text-align: center; }
   .rightside .blockad .dtop { background: url("../images/blockadb.png") no-repeat 0 0; }





Jei ko nesupratot rašykit paaiškinsiu

Redagavo Memento Mori· 2012 Sau. 14 12:01:25