CSS segítség

[kow]

ez így egyszerűnek hangzik:

body{
background: #fff url( images/bg.jpg ) no-repeat center top;
}

a listádat csomagold egy list_wrapper id-jú DIV-be:

#list_wrapper{
margin-top: 100px;
width: 100%;
background: #fff url( images/bg2.jpg ) repeat-x center top;
}

[istir]

Azt hiszem nem tudtam elég világosan kifejteni a problémám. Itt az oldal kérlek nézd meg, hátha úgy érthetőbb lesz mit is szeretnék.

http://sjmp.eu/sSyP

Köszönöm hogy megpróbálsz segíteni.

[kow]

Igen, így mindjárt más a probléma

Szét kell vágni a háttérképet, pont ott ahol az alsó grafika kezdőik:
http://web2demo.extra.hu/images/background.jpg

Majd a fő table után ezt szúrd be:

Ebből érteni fogod elvileg, hogy mi az ötlet:
<div style="width:100%;height:200px;background:#000;mar gin-top:-100px;">hello</div>

A DIV háttere a levágott alsó design lesz. Fontos, hogy a BODY háttérszíne pont az legyen, ahol a két kép találkozik. Problémád lesz azzal, hogy a felső gradiens néha hamarabb fog véget érni, mintsem eléri azt a színt, ahol találkozik az alsó kép kezdőszínével, ez kiküszöbölhető, hogy kicsit alacsonyabbra veszed a felső gradienst, vagy beállítasz egy minimális magasságot a fő táblázatnak, hogy tuti jó legyen.

[oszti]

Találtam egy nagyon jó megoldást arra, hogy az ismétlődő képeket (img) is betegyük css sprite-ba. Pl: Logo (ahogyan a Google is teszi)
hxxp://www.kavoir.com/2009/01/extended-css-sprites-for-foreground-images-img.html

[Zool]

Sziasztok!

Talán itt van a legjobb helyen a kérdésem.

CSS-be php kódot hogyan lehet helyesen beilleszteni?

Szeretnék egy készülő WP oldalban a bejegyzések alján random szegélyt elhelyezni.

Készítettem egy ilyet, és elmentettem egy php fáljlba:

PHP kód:

postdivide<?php echo (rand()%2); ?>.gif

Ezzel ugye két eset lehet válasznak. postdivide0.gif vagy postdivide1.gif
Betettem a WP themes/témaneve/images könyvtárba.

A CSS-ben pedig a post hátterét módosítottam postdivide.gif-ről ilyenre:

.post {
	background:url(images/postdividerotate.php) no-repeat bottom #F8F8F8;
	}

Egy guglizott tutorial alapján elvileg mennie kellene, de nem megy.

A blogban, ha rákattintok jobb gombbal a kép helyére, és háttérkép megjelenítése opciót választom, akkor kiadja címsorba, hogy url/wp-content/themes/temaneve/images/postdividerotate.php alul pedig postdivide1.gif vagy postdivide0.gif szöveg, amit ugye a php ad vissza.

Bizonyára én vagyok a béna, de nem jövök rá mit írtam el.

A két gif természetesen létezik, és a téma images könyvtárában vannak.

[WSzP]

A stylesheet legyen .php végű és helyezz el benne annyi PHP kódot amennyit akarsz. Ne használj egy külön php filet erre, meg más hasonló megoldásokra.

PHP kód:

.post { background:url(images/postdivide<?php echo (rand()%2); ?>.gif) no-repeat bottom #F8F8F8 }

[Zool]

WSzP eredeti hozzászólása

A stylesheet legyen .php végű

És adjam meg .htaccess-ben, hogy a php nézze a css-t is?

Vagy csak simán átírjam a kiterjesztést php-nak, és a theme-et pedig módosítsam a fájlnév változás szerint?

Amúgy simán lehet img tagban php-t beszúrni, de ugyanaz a kód a WP-ben már nem megy.