nice shadow effect, schöner schatten effect

[frabon]

Hallo zusammen, wie bekomme ich denn diesen wunderschönen Schatten Effekt wie auf der Seite http://www.phpwcms.de/index.php hin?
habe schon alles versucht, weiss einfach nicht wie ich das machen soll.
Sieht bei mir immer irgendwei anders aus.

Es geht also um den Schatten rechts und unten.
Kann mir da jemand weiterhelfen?

Vielen Dank im voraus

Viele Grüsse
Frank

[Findus]

Schau dir den Quelltext der Seite an:

Code: Select all

<td colspan="5" height="11"><table width="775" height="11" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="755" height="1" bgcolor="#4A5966"><img src="img/leer.gif" width="1" height="1"></td>
   <td width="20"><img src="img/article/elements/bg_bottom_shadow_1px.gif" width="20" height="1"></td>
  </tr>
  <tr>
   <td height="10"><img src="img/article/elements/bg_bottom_shadow.gif" width="755" height="10"></td>
   <td><img src="img/article/elements/bg_bottom_corner.gif" width="20" height="10"></td>
  </tr>
</table></td>
</tr>
</table>
</body>
</html>

Und du siehst das oliver es mit einem Table gemachte hat. Mit einem Bild unten, einem recht unten in der Ecke und an der Seite. Dies noch in die Vorlage gepackt und fertig.

Frag mich nur: wo fängt der Copyright Schutz an?

[frabon]

Hallo nochmal, will wirklich nicht mit wcms Anfänger Fragen Nerven, aber wohin in die Vorlage?? und was genau aus dem Code.

Muss ich die Layout Einstellungen dann auch noch anpassen, und wenn ja auf welche maße?

Gruß

Frank

[pico]

schon mal bei

http://www.peperkorn-online.de

geschaut

[frabon]

Nä quatsch, peperkorn ist mein zweites Zuhause seit 4 Tagen.
Hab da aber noch nix darüber gefunden, zumindest nicht genau zu diesem thema. Hab alle peperkorn tips schon getestet.

Ich guck aber nochmal genau hin

[pepe]

Ach du bist das, der da immer rumhängt

Wir haben übrigens noch Betten frei!


Aber zu dem Punkt hab ich tatsächlich noch nichts!

[pico]

hatte mir eingebildet da mal etwas gelesen zu haben - war wohl ein irrtum

also als grobe Vorlage geht das so:

Code: Select all

<table>
  <tr>
    <td width="97%">{CONTENT}</td>
    <td width="3%"><img src="bg_right_shadow.gif" /></td>
  </tr>
  <tr>
    <td><img src="bg_bottom_shadow.gif" /></td>
    <td><img src="bg_corner.gif" /></td>
  </tr>
</table>

jetzt kommt es darauf an wie du deine Seite Aufgebaut hast 2 oder 3 Spalten, mit Tabellen oder CSS-Style. Aber das Prinzip ist immer gleich

ganz rechts eine Bild mit dem rechten Schatten, unten eine Bild mit dem unteren Schatten und in der rechten unteren Ecke halt ein Bild mit dem Eck-Schatten.

Natürlich geht das mit Stylesheets und Background Images etwas eleganter aber auch komplizierter.

[frabon]

hallo, genau der bin ich.
ich hätte noch so viele fragen an euch, die ihr bestimmt alle beantworten könnt, ich weiss garnicht wo ich anfangen soll?
################################
Bin total phpkit geschädigt, und tue mich total schwer auf das wunderbare wcms umzustellen, aber bekomme das schon in den Griff.

Wie macht ihr das eigentlich wenn eine linkliste anlegen wollt?
Klar, neuer Artikel, Linkliste, links eintragen, aber wie bekomme ich
mehrere Rubiken auf eine Seite?
Beispiel:

Themen Überschrift

http://www.ada.de
http://www.ada.de
http://www.ada.de

Nächste Themen Überschrift

http://www.ada.de
http://www.ada.de
http://www.ada.de

Wie macht Ihr das?

Viele Grüsse

Frank

[vcdwelt]

Da gibts keine funktion die das genauso macht. Aber leg doch einfach für jede Kategorie eine eigene Linkliste an. Dann sollte es so aussheen wie du möchtest...

For English speaking:

Just create for each Categorie an own Linklist item in your Articel

[frabon]

Alles klar, danke für die Info!

Und wie war das nochmal, damit der link sich in nem neuen Fenster öffnet?

http://www.ada.de _bank ????

[pico]

auf der bank kann man sitzen

_blank ist dann schon besser

[frabon]

hallo leute, ich bekomme es einfach nicht hin, die sache mit dem schatten wie auf http://www.phpwcms.de/index.php aber ich steh voll drauf also muss das funktionieren.

hiermal noch der code:

<td colspan="5" height="11"><table width="775" height="11" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="755" height="1" bgcolor="#4A5966"><img src="img/leer.gif" width="1" height="1"></td>
<td width="20"><img src="img/article/elements/bg_bottom_shadow_1px.gif" width="20" height="1"></td>
</tr>
<tr>
<td height="10"><img src="img/article/elements/bg_bottom_shadow.gif" width="755" height="10"></td>
<td><img src="img/article/elements/bg_bottom_corner.gif" width="20" height="10"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Ich bekomme den unteren schatten + corner ja wenigstens schon gezeigt, aber leider an einer völlig falschen stelle, den rechten sehe ich überhaupt nicht.
Ich brauche jetzt mal nen echten schatten guru, der mir endlich mal flüstert was ich wie und wo zu machen habe, dann geb ich auch endlich ruhe, wenn ich den heiss geliebten schatten habe, versprochen
Der Zigaretten und Kaffee Konsum steigt ins unermessliche, bitte helft mir!

[breitsch]

Die Schattenseiten des Webdesigners!!!

frabon, Dein Code ist nur der Teil der in der Fusszeile der Vorlage steht.
Gleiches und Ähnliches muss im Header und im Rechten Teil der Vorlage ergänzt werden.

zur Erklärung/Illustration mag das hier dienen (Beispiel von phpwcms.de):



d.h: (Ich gehe davon aus, dass auch Du Tabellen benutzst und nicht DIV's) Du fügst in der Tabelle in der Fusszeile der Vorlage(n) eine weitere Zeile(tr) ein, darin eine Zelle(td) mit colspan=5 (resp. gem. Deinem Layout) und height gem. Deinem Schatten. In diese Zelle kommt eine Tabelle mit Gesamtbreite und Höhe gem. Deinem Schatten und darin dann die Zellen und Bilder gem. Beispiel hier oder eigenem Layout.
Der Schatten rechts von der Fusszeilen-Tabelle kannst Du so machen wie im Beispiel (grün), weil die Fusszeile meist eine feste Höhe hat (die Höhe des Bildes muss mit der Höhe der Fusszeilen-Tabelle übereinstimmen - ist ja klar!).

ABER ACHTUNG:
der Schatten RECHTS im Bereich des Hauptteils MUSS als Hintergundbild (am besten in eine Tabellenzelle) eingefügt werden, sonst kriegst Du das mit der variablen Höhe nie in den Griff.
Brauche CSS und dort die Definitionen für das Hintergrundbild (ein Bild mit Höhe 1px):
background-image: url('http://www.domain.ch/picture/schattenRechts.gif');
background-repeat: repeat-y; /*für senkrechte Anordnung*/
background-position: top right;

Hoffe das hilft Dir weiter!

Ein Beispiel für Schatten bei zentrierter Seite siehst Du auch hier:
http://www.volante.ch
Im Prinzip das Gleiche, nur braucht es noch ein Eck-Bild links unten und rechts oben.

[rushclub]

of course this link is interesting:

http://www.456bereastreet.com/archive/2 ... d_borders/

cheers
rush