Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Pomoc przy grafice na forum
#1
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 VerdanaTahomaArialSans-Serif;
font-size small;
padding 0;
margin 5px 5px 0;

}
{
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 VerdanaTahomaArialSans-Serif;
font-size 11px;
}
pre {
font-family VerdanaTahomaArialSans-Serif;
font-size 11px;
}
.
alt {
color #000000;
}

.
button {
background-color #fff;
font-family TahomaArialVerdanaSans-Serif;
font-size 11px;
color #313131;
margin-top 2px;
}
.
textbox {
font-family VerdanaTahomaArialSans-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-size11px;
    
font-weightbold;
    
text-align:center;
    
color#000000;
    
background-color#FFFFFF;
    
background-imageurl(images/blok1.gif);
    
padding:1px 6px 0px 22px;
    
border:2;
    
}

.
panel-cellpic {
    
font-size11px;
    
font-weightbold;
    
color#000000;
    
background-imageurl(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 
    
width960px;
    
height118px;
    
background-imageurl(images/header.gif);
    
background-repeatno-repeat;
    
background-positioncenter;
        
font-size30px;
}
.
boven_midden {
    
font-familyVerdanaTahomaArialSans-Serif;
    
font-size10px;
    
font-weightbold;
    
color#FFFFFF;
    
height43px;
    
background-imageurl(images/blok1.gif);
    
background-repeatrepeat-x;
         
text-aligncenter;
    
vertical-alignmiddle;
        
background-positioncenter;
}
.
links {
    
width3px;
    
background-imageurl(images/links.gif);
    
background-repeatrepeat-y;
         
background-positionleft;
}
.
rechts {
    
width7px;
    
background-imageurl(images/rechts.gif);
    
background-repeatrepeat-y;
    
background-positionright;
}
.
onder_links {
    
width21px;
    
height33px;
    
background-imageurl(images/onder_links.gif);
}
.
onder_midden {
    
background-imageurl(images/onder_midden.gif);
height 33px;
background-repeat repeat-x;
    
background-positioncenter;
}
.
onder_rechts {
    
width24px;
    
height33px;
    
background-imageurl(images/onder_rechts.gif);
}
.
nav_boven_links {
font-family VerdanaTahomaArialSans-Serif;
font-size 11px;
color #313131;
background-imageurl(images/nav_boven_links.gif);
    
width10px;
    
height101px;
}
.
nav_boven_midden {
    
font-familyVerdanaTahomaArialSans-Serif;
    
font-size11px;
    
color#000;
    
background-imageurl(images/nav_onder_midden.gif);
    
background-repeatrepeat-x;
    
height101px;
    
padding22px 3px;
    
vertical-aligntext-top;
}
.
nav_boven_rechts {
font-family VerdanaTahomaArialSans-Serif;
font-size 11px;
color #313131;
background-imageurl(images/nav_boven_rechts.gif);
    
width10px;
    
height101px;
}
.
nav_onder_links {
font-family VerdanaTahomaArialSans-Serif;
font-size 11px;
color #313131;
background-imageurl(images/nav_onder_links.gif);
    
width10px;
    
height101px;
}
.
nav_onder_midden {
    
font-familyVerdanaTahomaArialSans-Serif;
    
font-size11px;
    
color#313131;
    
background-imageurl(images/nav_onder_midden.gif);
    
background-repeatrepeat-x;
    
height101px;
    
vertical-alignbottom;
    
padding22px 3px;
}
.
nav_onder_rechts {
font-family VerdanaTahomaArialSans-Serif;
font-size 11px;
color #313131;
background-imageurl(images/nav_onder_rechts.gif);
    
width10px;
    
height101px;
}
.
side-caption {
font-family VerdanaTahomaArialSans-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;

Odpowiedz
#2
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).
Odpowiedz
#3
(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
Odpowiedz
#4
Podejrzewam, że nawet CSS nie będziesz musiał zmieniać (rozmiarów, etc.).
Odpowiedz
#5
no to wrzucilem http://i44.tinypic.com/ravu9x.gif to do images szablonu i jak daje tutaj:
Kod PHP:
.boven_midden {
    
font-familyVerdanaTahomaArialSans-Serif;
    
font-size10px;
    
font-weightbold;
    
color#FFFFFF;
    
height43px;
    
background-imageurl(images/blok1.gif);
    
background-repeatrepeat-x;
         
text-aligncenter;
    
vertical-alignmiddle;
        
background-positioncenter

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
Odpowiedz
#6
No pomyśl trochę, przecież CSS musi wiedzieć o które bloki Ci chodzi. Podpowiedź: ich elementem nadrzędnym jest .side-border-left
Odpowiedz
#7
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
Odpowiedz
#8
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.
Odpowiedz
#9
już chyba wiem. rozumiem że mam wstawić taki kod:
Kod PHP:
.boven_midden {
    
font-familyVerdanaTahomaArialSans-Serif;
    
font-size10px;
    
font-weightbold;
    
color#FFFFFF;
    
height43px;
    
background-imageurl(images/nazwa nowego bloku.gif);
    
background-repeatrepeat-x;
         
text-aligncenter;
    
vertical-alignmiddle;
        
background-positioncenter
wstawić pod tym
Kod PHP:
.side-border-left {
padding 0 0 0 0;

Odpowiedz
#10
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
}
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Nauka Flash pomoc olszak 4 6,900 23-07-2013, 14:23
Ostatni post: nittka
  banner forum grzechu12x 3 4,321 19-05-2012, 00:02
Ostatni post: camelrafal
  Pomoc w video overdose1994 14 11,440 22-01-2012, 03:48
Ostatni post: overdose1994
  Live stream video i audio. Proszę o pomoc. mszulik 1 3,249 30-12-2011, 17:54
Ostatni post: kanion
  Pomoc w stworzeniu animacji emperator 1 2,706 29-05-2011, 19:34
Ostatni post: Morfeusz_2005

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl