Witam.
Chc? z mojej skórce zmieni? brzegi nag?ówku newsa na zaokr?glony. Pos?uguj? si? CSS3. I pisz? taki kod:
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
Wsz?dzie to dzia?a, ale nie w tych nag?ówkach. Stopk? zrobi?em z t? w?asno?ci? - dzia?a, header - dzia?a. Nawet w stopce newsa dzia?a.
Funkcja render_page wygl?da tak: function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='left class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td align='right' class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr>\n</table>\n";
}
A classy capmain-left, capmain i capmain-right tak: .capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background: -moz-linear-gradient(top, #EDAC13, #FEC745);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDAC13), to(#FEC745));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#EDAC13, endColorstr=#FEC745);
padding: 6px 0 6px 4px;
}
.capmain-left {
background: -moz-linear-gradient(top, #EDAC13, #FEC745);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDAC13), to(#FEC745));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#EDAC13, endColorstr=#FEC745);
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
.capmain-right {
background: -moz-linear-gradient(top, #EDAC13, #FEC745);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDAC13), to(#FEC745));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#EDAC13, endColorstr=#FEC745);
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}
Dlaczego u?ywam CSS3? Nie chc? si? bawi? w jakie? pliki graficzne. Wol? napisa? kodzik. Mog? wtedy ?atwiej i szybciej edytowa?. ;)
EDIT:
Uda?o mi si?, ale tylko z prawej strony, dodaj?c szeroko??, czyli linijk?: width: 5px;
Z lewej strony ju? tak kolorowo nie jest. :(
Edytowane przez Borek dnia 23.08.2011 20:37:12
Nie pomagam przez GG, PW itp. Tylko tutaj.
|
v7.02.05
