F.A.Q. - style i grafika - [INDEX] zaokr?glenie boków i topów stylu
HaKeR - 02-12-2007, 13:08
Temat postu: [INDEX] zaokrąglenie boków i topów stylu
Witam 
Mam pewien problem ze stylem Ganet 
Więc tak po rozszerzeniu forum znikły mi zaokrąglenia (forum powiekszylem do rozmiarów 850px) i jak wrzuciłem logo to na gorze nad logiem widac białe tło ;/ co teraz bym musiał zrobić
Zapodaje screen jak ktoś by nie wiedział o co chodzi x)
Z góry Dziękuje za Pomoc
INIM - 02-12-2007, 13:10
Jak zaookrąglić rogi jest w FAQ na bbhelp.pl. Poczytaj tam.
A co to drugiego problemu to podaj adres forum.
HaKeR - 02-12-2007, 13:13
Styl jest autorstwa Gozdy a nazywa się Ganet INIM, nie mam stylu na serwerze i powiedzmy ze nie prowadzę forum x)
joli - 02-12-2007, 13:15
HaKeR, to może pogadaj z Gozda, nie z nami.
HaKeR - 02-12-2007, 13:22
INIM, styl wrzuce poźniej bo mam problem z serwerem a co do zaokraglenia boków nie ma tam FAQ jak to zrobic
INIM - 02-12-2007, 13:58
Eh... http://bbhelp.pl/viewtopic.php?t=59
| Gozda napisał/a: | FAQ: Zaokrąglenia
2006-11-23, 14:12
• Na początek będą potrzebne nam zaokrąglenia które można zrobić w Photoshopie bądź pobrac stąd: http://www.neuroticweb.co...s-rounded-box/.
• Ok już wszystko mamy, teraz trzeba gotowe zaokrąglenia wrzucić na serwer do katalogu templates/subSilver/images.
• Otwieramy templates/subSilver/subSilver.css i szukamy klasy bodyline:
Kod: Zaznacz cały
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
Całość bodyline podmieniamy z tym:
Kod: Zaznacz cały
.bodyline {
background-color: #ffffff;
border-spacing: 0px;
border: 0px;
width: 100%;
}
Na początku css dodajemy:
Kod: Zaznacz cały
td.round_tl {
background-image: url('images/tl.gif');
background-position: left top;
background-repeat: no-repeat;
width: 10px;
height: 10px;
font-size: 1px;
color: white;
padding: 0px
}
td.round_tr {
background-image: url('images/tr.gif');
background-position: right top;
background-repeat: no-repeat;
width: 10px;
height: 10px;
font-size: 1px;
color: white;
padding: 0px
}
td.round_bl {
background-image: url('images/bl.gif');
background-position: left bottom;
background-repeat: no-repeat;
width: 10px;
height: 10px;
font-size: 1px;
color: white;
padding: 0px
}
td.round_br {
background-image: url('images/br.gif');
background-position: right bottom;
background-repeat: no-repeat;
width: 10px;
height: 10px;
font-size: 1px;
color: white;
padding: 0px
}
• Teraz otwieramy templates/subSilver/overall_header.tpl i szukamy:
Kod: Zaznacz cały
<!-- END forum_thin -->
<a name="top"></a>{ROTATE_BANNER_1}
<table width="100%" cellspacing="0" cellpadding="7" border="0" align="center">
<tr>
<td class="bodyline">
{FORUM_WARNINGS}
{ROTATE_BANNER_2}{BANNER_TOP}
<!-- BEGIN header -->
Zamień na:
Kod: Zaznacz cały
<!-- END forum_thin -->
<a name="top"></a>{ROTATE_BANNER_1}
{FORUM_WARNINGS}
{BANNER_TOP}
<!-- BEGIN header -->
<table align="center"><tr><td>
<br /><table class="bodyline" cellspacing="0"><tr><td class="round_tl"> </td><td class="top"> </td><td class="round_tr"> </td></tr>
<tr><td class="left"> </td><td>
<table width="780" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
{ROTATE_BANNER_2}<br />
Otwieramy templates/subSilver/overall_footer.tpl i usuwamy całośc i wklejamy to:
Kod: Zaznacz cały
<br />{ROTATE_BANNER_4}
<div align="center"><span class="gensmall"><br />{CLICK_HERE_TO_VIEW}</span>
<table width="753" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td align="center" class="copyright">
{PAGE_LOAD_PLEASE_WAIT}
</td>
</tr>
</table>
</span></div>{BANNER_BOTTOM}</td></tr></table>{LOADING_FOOTER}{GENERATE_TIME}
</td><td class="right"> </td></tr>
<tr><td class="round_bl"> </td><td class="bottom"> </td><td class="round_br"> </td></tr></table>
<br />
<!-- BEGIN forum_thin -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END forum_thin -->
{ROTATE_BANNER_5}
<!-- BEGIN advert -->
</td>
<td><img src="images/spacer.gif" border="0" height="1" width="2" alt=""></td>
<td valign="top" width="15%" nowrap="nowrap" height="100%" class="bodyline" style="padding-right: 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<br />
</table>
<table class="bodyline" cellspacing="0"><tr><td class="round_tl"> </td><td class="top"> </td><td class="round_tr"> </td></tr>
<tr><td class="left"> </td><td align="center">
<table width="100%" cellspacing="0" cellpadding="2" border="0" style="height: 100%;">
<tr>
<td valign="top" width="100%" height="100%">{advert.ADVERT}</td>
<!-- BEGIN advert_forum_thin -->
<td width="100%"><img src="images/spacer.gif" border="0" height="1" width="100%" alt=""></td>
<!-- END advert_forum_thin -->
</tr>
</table>
</td><td class="right"> </td></tr>
<tr><td class="round_bl"> </td><td class="bottom"> </td><td class="round_br"> </td></tr></table>
</td>
</tr>
</table>
<!-- END advert -->
<!-- BEGIN pagina_pages -->
Efekt widać tutaj na forum... |
|
|
|
