WordPress, Shopify ir PHPFusion programuotojų bendruomenė

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

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