Skocz do zawartości

Dodanie poziomej linii oddzielającej menu


Łu Kaasz

Rekomendowane odpowiedzi

Witam!

Otóż bardzo dawnoo już nie edytowałem żadnych styli(ostatni raz 4 lata temu na IP. :P )mam teraz problem z dodaniem prostej linii która oddzieli header od menu lub również cieszyłoby mnie zrobienie odstępu od headera i menu. Próbowałem coś samemu zrobić, ale anemicznie mi to idzie.

Podsunie ktoś pomysł jak to wykonać? Rozwiązanie nagrodzę plusikiem.

Adres strony:

http://free-xbox-games.xaa.pl
Edytowane przez Łu Kaasz
Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut, sztucznej inteligencji i wiele więcej!

 

 

Tylko przy której klasie go dodać?

Próbowałem przy większości i nic ;>

 

#EDIT

Może ja po prostu do złej klasy to dodaje?

 

Tak samo

#hr {color: #f000000;background: #f000000;width: 100%;height: 45px;}

Powinno hasać i nie działa, na stronie nic się nie zmienia. :P

Edytowane przez Łu Kaasz
Odnośnik do komentarza
#header-block {top: 10px;}

Nic więcej nie trzeba, bo już masz wcześniej ustalone, że element ten jest w pozycji relatywnej.

 

Łącznie wychodzi tak:

#header-block {position: relative;top: 10px;}

ale to Ci nie potrzebne. Dodaj ten pierwszy kod na koniec stylu szablonu i zadziała. Zmień sobie oczywiście wielkość odstępu w pikselach.

 

Jeśli chcesz dodać kreskę oddzielającą te zielone od tego szarego, to nie obejdzie się bez edycji szablonu PHP + HTML lub samej grafiki (tej zielonej). Masz dosyć ciekawie zrobiony szablon, bo za kolor tego zielonego odpowiada grafika całego tła ;) Tutaj łap i ją zmodyfikuj (dodaj jakąś kreskę przy końcówce zielonego): http://free-xbox-games.xaa.pl/wp-content/themes/theone/images/top.png

 


 

PS. Zmień czcionkę na stronie. Jeśli nie jesteś ogarnięty, to zrób coś, co zadziała, ale jest niezalecane:

body {font-family: Arial !important;}

Ale tak jak mówię, jeśli będziesz umiał zmienić na własną z polskimi znakami bez tego tricku co napisałem, to to zrób.

  • Super 1
Odnośnik do komentarza
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek, aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .