+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Grafika, Flash, multimedia (https://www.webmastertalk.pl/forum-grafika-flash-multimedia)
+--- Wątek: Pomoc przy grafice na forum (/thread-pomoc-przy-grafice-na-forum)
Strony:
1
2
Pomoc przy grafice na forum - mojzesz123 - 06-04-2010
Witam posiadam pewną stronę. Nie wiem czy mogę tu adres dać ale dam w razie czego http://elitaf1-league.pl/news.php. Mam pewien problem nie potrafie tak wyedytowac styles.css aby te czarne "belki" po prawej i lewej wygladaly tak samo jak ta na srodku. Jak widac po prawej i lewej sa one uciete natomiast na srodku jest dobrze. Jesli ktos wie jak to ustawic to moze mi podac. Ja to zmieniam w boven_middle tylko ze wtedy jak dodaje to mi sie zmienia i na srodku i po lewej i prawej a dobrze by bylo zeby sie to osobno ustawialo wtedy moglbym okreslic szerokosc. Tu podaje kod html styles.css
Kod PHP:
body {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : small;
padding : 0;
margin : 5px 5px 0;
}
a {
color : #006699;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}
a.side {
color : #006699;
text-decoration : none;
}
a:hover.side {
color : #000000;
text-decoration : none;
}
a.white {
font-size : 11px;
color : #006699;
text-decoration : none;
}
a:hover.white {
color : #000000;
text-decoration : none;
}
img {
border : 0;
}
form {
margin : 0;
}
hr {
border-top : 1px solid #e2e2e2;
border-bottom : 1px solid #f9f9f9;
}
hr.side-hr {
border : 1px solid #e2e2e2;
border-bottom : 1px solid #f9f9f9;
}
td {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #000000;
}
.button {
background-color : #fff;
font-family : Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
color : #313131;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #313131;
background-color : #fff;
border : 1px solid #F0F0F0;
}
.main-bg {
padding : 5px 0;
}
.side-border-left {
padding : 0 0 0 0;
}
.side-border-right {
padding : 0 0 0 0;
}
.main-body {
font-size : 11px;
color : #313131;
background-color : #fff;
padding : 12px 4px 3px;
}
.table-cellpic {
font-size: 11px;
font-weight: bold;
text-align:center;
color: #000000;
background-color: #FFFFFF;
background-image: url(images/blok1.gif);
padding:1px 6px 0px 22px;
border:2;
}
.panel-cellpic {
font-size: 11px;
font-weight: bold;
color: #000000;
background-image: url(images/blok1.gif);
border:1;
padding:0px 4px 0px 17px;
}
}
.side-body {
font-size : 11px;
color : #313131;
background-color : #fff;
padding : 5px 0 0;
}
.border {
background-color : #fff;
border : 1px solid #979797;
}
.infobar {
background-color : #fff;
font-size : 11px;
color : #313131;
border-top : solid #c4c4c4;
border-top-width : 1px;
border-left : solid #c4c4c4;
border-left-width : 1px;
border-right : solid #f6f6f6;
border-right-width : 0;
border-bottom : solid #f6f6f6;
border-bottom-width : 1px;
padding : 3px 4px;
}
.infobar2 {
background-color : #fff;
font-size : 11px;
color : #313131;
border-top : solid #c4c4c4;
border-top-width : 1px;
border-left : solid #c4c4c4;
border-left-width : 0;
border-right : solid #f6f6f6;
border-right-width : 1px;
border-bottom : solid #f6f6f6;
border-bottom-width : 1px;
padding : 3px 4px;
}
.header_top {
width: 960px;
height: 118px;
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position: center;
font-size: 30px;
}
.boven_midden {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height: 43px;
background-image: url(images/blok1.gif);
background-repeat: repeat-x;
text-align: center;
vertical-align: middle;
background-position: center;
}
.links {
width: 3px;
background-image: url(images/links.gif);
background-repeat: repeat-y;
background-position: left;
}
.rechts {
width: 7px;
background-image: url(images/rechts.gif);
background-repeat: repeat-y;
background-position: right;
}
.onder_links {
width: 21px;
height: 33px;
background-image: url(images/onder_links.gif);
}
.onder_midden {
background-image: url(images/onder_midden.gif);
height : 33px;
background-repeat : repeat-x;
background-position: center;
}
.onder_rechts {
width: 24px;
height: 33px;
background-image: url(images/onder_rechts.gif);
}
.nav_boven_links {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #313131;
background-image: url(images/nav_boven_links.gif);
width: 10px;
height: 101px;
}
.nav_boven_midden {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 11px;
color: #000;
background-image: url(images/nav_onder_midden.gif);
background-repeat: repeat-x;
height: 101px;
padding: 22px 3px;
vertical-align: text-top;
}
.nav_boven_rechts {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #313131;
background-image: url(images/nav_boven_rechts.gif);
width: 10px;
height: 101px;
}
.nav_onder_links {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #313131;
background-image: url(images/nav_onder_links.gif);
width: 10px;
height: 101px;
}
.nav_onder_midden {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 11px;
color: #313131;
background-image: url(images/nav_onder_midden.gif);
background-repeat: repeat-x;
height: 101px;
vertical-align: bottom;
padding: 22px 3px;
}
.nav_onder_rechts {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #313131;
background-image: url(images/nav_onder_rechts.gif);
width: 10px;
height: 101px;
}
.side-caption {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
font-weight : bold;
color : #313131;
background-color : #fff;
padding : 0 4px 3px;
}
.tbl-border {
background-color : #fff;
}
.tbl {
font-size : 11px;
padding : 3px 4px;
}
.tbl1 {
font-size : 11px;
color : #313131;
background-color : #FFF;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #313131;
background-color : #F0F0F0;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
background-image : url(images/cellpic.gif);
color : #313131;
background-color : #fff;
padding : 4px;
}
.quote {
color : #313131;
background-color : #fff;
padding : 2px;
margin : 0 20px;
border : 1px solid #979797;
}
.poll {
height : 12px;
border : 1px solid #979797;
}
.comment-name {
font-weight : bold;
color : #313131;
}
.shoutboxname {
font-weight : bold;
color : #313131;
}
.shoutbox {
color : #313131;
}
.shoutboxdate {
font-size : 11px;
color : #313131;
text-align : right;
}
.small {
font-size : 11px;
font-weight : normal;
}
.small2 {
font-size : 11px;
font-weight : normal;
color : #313131;
}
.side-small {
font-size : 11px;
font-weight : normal;
color : #313131;
}
.side-label {
background-color : #fff;
padding : 1px 4px 3px;
background-image : url(images/side-cell.gif);
background-repeat : repeat-x;
}
.gallery {
padding : 16px 0 8px;
}
.gallery img {
border : 1px solid #979797;
}
.gallery:hover img {
border : 1px solid red;
}
img.activegallery {
border : 1px solid green;
}
.cbalink {
display:none;
}
RE: Pomoc przy grafice na forum - Pedro84 - 06-04-2010
Najpierw sobie przytnij ten odpowiednio obrazek: http://elitaf1-league.pl/themes/yosk/images/blok1.gif Potem zmieniasz go z tłem tych mniejszych bloków i będzie działać.
PS: Ustaw jakiś normalny kursor na linkach (np. pointer).
RE: Pomoc przy grafice na forum - mojzesz123 - 06-04-2010
(06-04-2010, 15:17)Pedro84 napisał(a): Najpierw sobie przytnij ten odpowiednio obrazek: http://elitaf1-league.pl/themes/yosk/images/blok1.gif Potem zmieniasz go z tłem tych mniejszych bloków i będzie działać.
PS: Ustaw jakiś normalny kursor na linkach (np. pointer).
ok tylko jesli go przytne zeby rozmial byl mniejszy to gdzie to pozniej skorygowac w tym kodzie css
albo inaczej: chce ten blok dac tam po bokach http://i44.tinypic.com/ravu9x.gif to czy moglbys tak zmodyfikowac mi ten kod zeby dzialalo
RE: Pomoc przy grafice na forum - Pedro84 - 06-04-2010
Podejrzewam, że nawet CSS nie będziesz musiał zmieniać (rozmiarów, etc.).
RE: Pomoc przy grafice na forum - mojzesz123 - 06-04-2010
no to wrzucilem http://i44.tinypic.com/ravu9x.gif to do images szablonu i jak daje tutaj:
Kod PHP:
.boven_midden {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height: 43px;
background-image: url(images/blok1.gif);
background-repeat: repeat-x;
text-align: center;
vertical-align: middle;
background-position: center;
zamiast blok1 to mam tylko ten obrazek a ja chce oba i ten co jest teraz na mojej stronie ten czarny na srodku i ten czerwony ma byc po bokach
RE: Pomoc przy grafice na forum - Pedro84 - 06-04-2010
No pomyśl trochę, przecież CSS musi wiedzieć o które bloki Ci chodzi. Podpowiedź: ich elementem nadrzędnym jest .side-border-left
RE: Pomoc przy grafice na forum - mojzesz123 - 06-04-2010
eh juz nie wiem pogubiłem się nie potrafie rozróżnić w tym kodzie gdzie pisze o bloku glownym a gdzie o bocznych
mógłbyś podać już zmieniony kod żeby mi działało a nie znęcać się nademną xD
RE: Pomoc przy grafice na forum - Pedro84 - 06-04-2010
Gotowy kod? No way, sam dojdziesz.
Bloki mają klasę boven_midden. Każdy. Nadrzędnymi elementami są dla lewej strony: side-border-left dla prawej: side-border-right.
Teraz już żadnego problemu mieć nie powinieneś. Jak masz, to wysil się trochę, w necie jest pełno poradników/tutoriali do CSS. Trochę inwencji.
RE: Pomoc przy grafice na forum - mojzesz123 - 06-04-2010
już chyba wiem. rozumiem że mam wstawić taki kod:
Kod PHP:
.boven_midden {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height: 43px;
background-image: url(images/nazwa nowego bloku.gif);
background-repeat: repeat-x;
text-align: center;
vertical-align: middle;
background-position: center;
Kod PHP:
.side-border-left {
padding : 0 0 0 0;
}
RE: Pomoc przy grafice na forum - Pedro84 - 06-04-2010
Ehhh.... Powinienem Cię posłać gdzie diabeł mówi dobranoc. Masz Ty chłopie jakie pojęcie o CSS?
.side-border-left .boven_midden {
// kod dla bloków lewej strony
}