Rahmen ändern

Rahmen ändern

Beitragvon Rule Breaker » 17.12.2009, 17:16

Hey ihr lieben,

ich möchte meinen langweiligen border durch eine image austauschen. Wie ist egal. hauptsache der Border wird ersetzt. So soll das ganze am Ende aussehen *open* Das rot gekennzeichnete soll durch die grafik ersetzt werden.

Hier meine Template CSS: *open* Kann mir jemand helfen?

Mit freundlichen Grüßen
Markus
Rule Breaker
neu hier
 
Beiträge: 5
Registriert: 17.12.2009, 17:09

Re: Rahmen ändern

Beitragvon sejuma » 17.12.2009, 18:25

Da gibt's verschiedene Möglichkeiten. Am besten ist wohl eine kachelbare Hintergrundgrafik, siehe http://www.ohne-css.gehts-gar.net/0040.php
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: Rahmen ändern

Beitragvon Rule Breaker » 18.12.2009, 14:22

Vielen dank für den nützlichen Link :-)

Kann man den beides verwenden? Oben, Unten, Rechts, Links?

Mit freundlichen Grüßen
Markus
Rule Breaker
neu hier
 
Beiträge: 5
Registriert: 17.12.2009, 17:09

Re: Rahmen ändern

Beitragvon sejuma » 18.12.2009, 15:51

Wie rechts und lins geht, ist ja beschrieben. Für oben und unten würde ich einfach noch je einen div vorne und hintendran setzen.
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: Rahmen ändern

Beitragvon Rule Breaker » 18.12.2009, 16:48

Hey sejuma,

wie ist das gemeint?

Mit freundlichen Grüßen
Markus
Rule Breaker
neu hier
 
Beiträge: 5
Registriert: 17.12.2009, 17:09

Re: Rahmen ändern

Beitragvon sejuma » 18.12.2009, 17:32

Na wenn du dir hier das letzte Beispiel ansiehst: http://www.ohne-css.gehts-gar.net/demo/0040b.html

Dann ergänzt du HTML z.B. wie folgt:
<div class="quer"><!--für oberen Querbalken--></div>
<div class="aussen">
<div class="innen">
<p>
Inhalt
</p>
</div>
</div>
<div class="quer"><!--für unteren Querbalken--></div>


Und .quer definierst du dann mit einer sich horizontal kachelnden Grafik, z.B.

Code: Alles auswählen
.quer {
background: url(quer.gif) repeat-x;
width: 500px;
height: 25px;
}


Allerdings wird es an den Kanten wo vertikale und horizontale Blaken zusammentreffen keine "fließenden" Übergänge geben.
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: Rahmen ändern

Beitragvon Rule Breaker » 18.12.2009, 17:41

sejuma hat geschrieben:Allerdings wird es an den Kanten wo vertikale und horizontale Blaken zusammentreffen keine "fließenden" Übergänge geben.


Gerade das möchte ich erreichen. Doof das man das nicht umsetzen kann :fad: Gibt es eine andere möglichkeit wie diese nur das die Kanten einen fließenden Übergang bilden...?

Vielen lieben dank!

Mit freundlichen Grüßen
Markus :-)
Rule Breaker
neu hier
 
Beiträge: 5
Registriert: 17.12.2009, 17:09

Re: Rahmen ändern

Beitragvon sejuma » 18.12.2009, 20:15

Dann musst du eben mit einem Grafikprogramm die Übergänge hinbekommen.
Am besten dann für oben und unten zwei Grafiken verwenden, ähnlich hier: http://www.ohne-css.gehts-gar.net/0028.php
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: Rahmen ändern

Beitragvon Rule Breaker » 18.12.2009, 20:55

Achso ja das ist mir bewusst. Also mit diese DIV CLASS ist das möglich? Nur das ich den übergang mit einem grafik programm erstellen muss?

mfG
Markus
Rule Breaker
neu hier
 
Beiträge: 5
Registriert: 17.12.2009, 17:09

Re: Rahmen ändern

Beitragvon sejuma » 19.12.2009, 11:59

Ja. Du brauchst eine fixe Breite für den Querbalken. Und an den müsstest du dann per Grafikprogramm die Übergänge zu den Vertikalbalken hinbekommen.

Andere Alternative:
Wenn du keinen dynamischen Inhalt hast, sondern dieser eine fixe Höhe hätte, dann könntest du auch direkt so ne Art Fotorahmen wie ihn manche Grafikprogramme anbieten verwenden. Der kann dann komplett mit Breite und Höhe als Hintergrundgrafik eingebunden werden.
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Rahmen ändern"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste