Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design Abgerundete ecken in photoshop (https://www.photoshop-cafe.de/forum/showthread.php?t=5357)

corraggiouno 08.06.09 17:47

Abgerundete ecken in photoshop
 
Hallo,

das abgerundete Ecken mit Hilfe des Werkzeugs abgerundetes-Rechteck-Werkzeug erstellt werden kann, ist mir inzwischen bekannt. Nun möchte ich mit die Graphik (abgerundete Box) so entwerfen bzw. zerschneiden, das ich diese in CSS-Code dementsprechend einbauen kann und das diese Box bzw. div-Bereich mit wachsendem Text mit wächst. Hat mir jemand einen Tipp bzw. guten link, wie ich dies realisieren kann?

phoenix 08.06.09 17:56

Moin,

Deckel wegschneiden, Boden wegschneiden und Streifen aus der Mitte kacheln.

Gruss,
phoenix

corraggiouno 08.06.09 18:24

hi,

erstmal danke. Jetzt habe ich schonmal den Grundgedanken. Kannst du mir vielleicht das ganze etwas präziser schildern bzw. gibts da vielleicht ein gutes Video bzw. Tutorial?........im www habe ich da nicht passende gefunden, was mir bei meiner Aufgabe weiter helfen könnte1

Alex 08.06.09 21:35

Zur CSS Anpassung Allgemein, kenne ich da ein gutes Deutsches Tutorial:
http://tuts.freddy-online.com/div/div.html

Dort wird auch der "background-repeat" eingesetzt, den du vermutlich brauchst, um ein ausgeschnittenes Stückchen deiner Box wiederholen zu lassen. (Spule eventuell ein wenig vor, ZU Beginn wird Gesliced in Photoshop)

phoenix 09.06.09 12:27

Du packst den kachelbaren Mittelstreifen in einen DIV als Background:URL() repeat; in der CSS definiert. Gleichzeitig definierst Du für den DIV eine feste Breite und als Höhe height:auto !important;

Müsste dann schon funktionieren. Dann einfach noch drüber den Deckel und drunter den Boden hinbauen.


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:00 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,01588 Sekunden mit 8 Queries