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