Page 1 of 1
nice shadow effect, schöner schatten effect
Posted: Wed 11. May 2005, 12:12
by 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
Posted: Wed 11. May 2005, 15:18
by 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?
Aber wohin in die Vorlage
Posted: Wed 11. May 2005, 16:13
by 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
Posted: Wed 11. May 2005, 16:16
by pico
peperkorn?
Posted: Wed 11. May 2005, 16:30
by 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
Posted: Wed 11. May 2005, 17:42
by pepe
Posted: Wed 11. May 2005, 17:54
by 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.
Stimmt genau
Posted: Thu 12. May 2005, 10:32
by 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
Posted: Thu 12. May 2005, 11:58
by 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
Posted: Thu 12. May 2005, 12:19
by 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 ????
Posted: Thu 12. May 2005, 13:43
by pico
auf der bank kann man sitzen
_blank ist dann schon besser
immer noch probleme mit shadow effekt
Posted: Thu 12. May 2005, 19:46
by 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!
shadow effect
Posted: Mon 16. May 2005, 14:12
by 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.
Posted: Thu 19. May 2005, 08:47
by rushclub