PDA

Zobacz pełną wersję : wordpress + CSS = trudne pytanie.


R
17-04-2009, 18:07
Ostatnio uzyskalem pomoc, moze i dzis sie uda.

Czy ktos z Was wie, ktory element w CSS dla skorek wordpressa odpowiada za ich wysrodkowanie?

Chodzi mi o to, zeby kolumny bloga byly na zrodku ekranu, a nie przesuwaly sie do lewej krawedzi.

Da ktos rade?
Merde
17-04-2009, 20:25
Tak zgadywać mamy o którą skórkę chodzi, czy dasz link do tego cssa?
cinek85
17-04-2009, 21:43
Można na twardo jak się uprzesz :P <CENTER></CENTER> - między to wrzucasz całą zawartość body z index.php:) Wiadomo - lamerskie, ale często dupę ratuje jak trzeba coś na szybko zrobić.
hs2
17-04-2009, 21:55
Można na twardo jak się uprzesz :P <CENTER></CENTER> - między to wrzucasz całą zawartość body z index.php:) Wiadomo - lamerskie, ale często dupę ratuje jak trzeba coś na szybko zrobić.

<center> jest niepoprawny :) To pozostałość po htmlu http://www.w3.org/

Zrób tak... Wstaw w CSSie:

BODY { text-align:center; }
#www { margin:auto; text-align:left; }
A W indexie całą stronę ujmij w <div id="www">treść</div>
Strona będzie wyśrodkowana
R
18-04-2009, 09:57
hs2 - to co napisales wyglada na bardzo sensowne. Zadam jeszcze jedno pytanie, byc moze wyda sie glupie, ale nie bardzo wiem..
napisales ze w indexie cala strone ujac w jakis tam <> ok. tylko o ktory index chodzi - czy o ten w skorce, czy index.php ktory laduje blog, ale ten jest w zasadzie pusty. nie smiej sie, ale za cholere nie moge zlokalizowac index.html, ktory pokazuje sie jak kaze pokazac zrodlo strony. nie wiem czy on jest tworzony na biezaco, bo nigdzie go nie ma.

a jeszcze prosciej. skorka nazywa sie redoable 1.2 - dasz rade ja wysrodkowac? do sciagniecia z sieci po wpisaniu w google.

bede wdzieczny za pomoc.
hs2
18-04-2009, 16:14
hih :) Nie znajdziesz indexu, w którym będzie kod z "Źródła strony". . . Ten system jest oparty o coś znacznie bardziej zaawansowanego niż html :) ... Nie znam wordpressa dokładnie i nie wiem czy jest on oparty o szablony tpl czy o coś innego... ale myślę że jak wstawisz to do indexu w skórce to strona powinna być wyśrodkowana. Jeśli nie zadziała to napisz do mnie na PM a Ci pomogę :)
cinek85
20-04-2009, 03:51
<center> jest niepoprawny :) To pozostałość po htmlu http://www.w3.org/



Poprawny czy niepoprawny, ale działa :)
Żart oczywiście. Trzeba się od razu uczyć poprawności.
R
20-04-2009, 08:27
jak do tej pory nic z Waszych podpowiedzi nie dziala :)
wacki4
20-04-2009, 09:10
podpowiedź kolegi h2 musi działać chyba ze skórka sama w sobie ma ustawienia obiektów na danych pozycjach. daj nam najlepiej linka to będziemy mogli pogdybać praktycznie co można jeszcze robić.
R
20-04-2009, 09:12
redoable 1.2 http://deanjrobinson.com/download/Redoable1.2.zip jak sie komus uda, oglosze go ajatollahem wysrodkowywania skorek.
wacki4
20-04-2009, 10:40
latwiej by było jakbyś poprostu dał linka do bloga ze skórką.. ;) no ale nic, patrzę.

edit: nie no nic tak w kodzie nie widze. daj linka do wordpressa z zainstalowanym stylem a ułatwi to znacznie pracę.
R
20-04-2009, 11:35
nie ma bloga, bo skorka nie dziala :)
adam.dorozinski
20-04-2009, 12:09
Nie ma bloga ze skórką, nie będzie centrowania :P
R
20-04-2009, 12:24
ok, znalalzlem w sieci pierwszy lepszy blog oparty na tej skorce. teraz nie macie juz zadnego wytlumaczenia :D

http://www.taniebilety.radom.pl/
adam.dorozinski
20-04-2009, 13:36
Oporne bydle jest, ze względu na dość nietypowo umocowaną prawą kolumnę. Najprościej będzie faktycznie objąć całość layoutu dodatkowym kontenerem - czyli trzeba przetrzepać pliki w poszukiwaniu <body i dodać zaraz po nim np. <div id="centrowanie">, a potem odszukać </body> i bezpośrednio przed nim wrzucić </div>

W stylach zaś dopisać sobie takie:

div#centrowanie {
width: 100px;
margin: 0 auto;
}
R
20-04-2009, 14:01
nie dziala, niestety nie moge przyznac tytulu :)
wacki4
20-04-2009, 14:02
zwykle centrowanie tu topornie nie chodzi... ;) styl jest tak napisany że chyba naprawdę trzeba by tu dobrze namotać żeby go przerobić - wieczorem spróbuję się do niego zabrać jeszcze raz innym okiem.
wacki4
20-04-2009, 14:26
no i mam... nie wiem tylko czy zapamiętałem każdą zmianę, ale mam nadzieję że tak :)

kolejno:
-header, page, footer dodajemy margin: 0 auto;
-wewnątrz page - middlecolumn dodajemy float: left; a w rightcolumn kolejno: usuwamy position:absolute; right:-250px; top:0; i dodajemy zamiast tego float: right;

ostatecznie należy wszystkie width dopasować do własnego widzimisię [na próbę zrobiłem coś koło 800px na header page footer i middlecolumn na 520px a rightcolumn na 250px ale to już według gustu]

czekam na order ;)

a ustawienie width dla middlecolumn to konieczność! inaczej menu będzie na dole.
R
20-04-2009, 14:39
ale gdzie to pododawac w CSS czy w tych php? jesli w php to w ktory miejscu?
wacki4
20-04-2009, 15:13
w css. wszystko co podałem jest bodajże w style.css :)
R
20-04-2009, 15:23
ok, to czy moglbys mi wkleic tu, albo lepiej na priv cala zawartosc tego css bo chyba cos zle robie i mi jakies magiczne rzeczy wylaza...
wacki4
20-04-2009, 15:28
podeślij pliczek na maila - wysłałem na pw adres :)