Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.03.2009 um 15:17 (UTC)    
Titel: Rechte Box fürs Design Girls/Women

Wenn ihr im Design Girls/Women immer eine Rechte Box vermisst habt, hat das warten ein Ende. Es ist mir gelungen eine Rechte Box für das Design Girls/Women zu coden. Ansehen könnt ihr es euch hier: www.malina-cooly.de.tl/

Den folgenden Code bitte unter "Design einstellen" --> "erweiterte Einstellungen" -->
"Text über dem Design" einfügen.
Code:
<div id="box">Hier der Box-Inhalt</div>

<style type="text/css">
<!--

#box{
position:absolute;
top:51px;
margin-left:750px;
width:200px;
height:800px;
background-color:#CC3366;
border: 2px solid #FFFFFF;
}
-->
</style>


Bei "Hier der Box-Inhalt" kannst du den Inhalt der Box hineinschreiben!!

Viel Spaß


Zuletzt bearbeitet von tjpeiler-designs am 27.03.2009, 16:29, insgesamt 2-mal bearbeitet
Beitrag27.03.2009 um 16:02 (UTC)    
Titel: rechte box

Es ist praktisch!! Wenn ihr das Design gut fandet aber es nicht genommen habt weil keine rechte box da war, ist das problem gelöst!!!

Ich mochte das Design von anfang an und jetzt gibt es auch noch eine rechte box!!!

ich danke dir
______________
LG von Malin
http://malina-cooly.de.tl/
... wird noch renoviert!


Zuletzt bearbeitet von malina-cooly am 27.03.2009, 17:05, insgesamt einmal bearbeitet
Beitrag27.03.2009 um 21:10 (UTC)    
Titel:

JAAAAAAAAAAAAAAAAA !!!!!!!!!!!!!!!!! Very Happy Very Happy Very Happy Very Happy Very Happy

Cool ! Genau DAS hat immer gefehlt.

Ich hatte das Design schon vorher und fand es auch schön, aber damit ist es perfekt !

Vielen, vielen Dank !!!!!!!!!!
______________

Beitrag27.03.2009 um 21:30 (UTC)    
Titel:

Hallo

Bitte, freut mich das es so vielen gefällt!!
Ich werde die Box nach und nach verbessern.

mfg tjpeiler
Beitrag27.03.2009 um 21:44 (UTC)    
Titel:

Ich finde die Box, die "mitgeht" besser. Die feststehende Version finde ich nicht so toll.
______________

Beitrag27.03.2009 um 21:56 (UTC)    
Titel:

Gut, danke für dein Feedback.
Ich stelle gleich eine noch etwas bessere Version hinein!
mfg tjpeiler
Beitrag27.03.2009 um 22:09 (UTC)    
Titel:

Hallo,
hier ist der Code verbessert:
Code:
<div id="box">Hier der Box Inhalt</div>

<style type="text/css">
<!--

#box{
position:absolute;
top:51px;
height:800px;
margin-left:750px;
width:200px;
background-image:url(http://img.webme.com/designs/women/Bilder/bg.gif);
border: 2px solid #FFFFFF;
}
-->
</style>


einfügen: siehe oben
Beitrag28.03.2009 um 12:30 (UTC)    
Titel:

DAS ist toll ! Viel besser !

Wie bekomme ich da eigentlich ein Bild rein.
Auf dem Link oben ist ja ne Uhr drin, dann sollte es doch mit nem Bild auch klappen. Leider funzt es mit den [img]...[/img] nicht....
______________

Beitrag28.03.2009 um 13:40 (UTC)    
Titel:

Hallo
Das liegt daran, das der IMG-Tag nur für das Forum ist.
Ich würde das Bild einfach im Seiteniditor einfügen, dann auf Quellcode klicken und den Code kopieren. Das kannst du dann einfügen!!

mfg tjpeiler
Beitrag28.03.2009 um 22:30 (UTC)    
Titel: noch mal...

... daaaaaaaaankeeeeee!!!!


Du bist super!!! Ich liebe ide Box!!
______________
LG von Malin
http://malina-cooly.de.tl/
... wird noch renoviert!
Beitrag28.03.2009 um 23:12 (UTC)    
Titel:

Hallo
bitte!! ich werde aber noch weiter dran arbeiten!!
Den Code stell ich dann hier rein!
vg tjpeiler
Beitrag29.03.2009 um 18:06 (UTC)    
Titel:

Hallo,
wieder mal eine bessere Version!! (noch nicht ausgereift)
Man fügt sie wie oben beschrieben ein:

Code:
<div id="box">Hier der Box Inhalt</div>
<div id="box2"></div>

<style type="text/css">
<!--

#box{
position:absolute;
top:248px;
height:800px;
margin-left:750px;
width:197px;
background-image:url(http://img.webme.com/designs/women/Bilder/bg.gif);
border: 2px solid #FFFFFF;
}

#box2{
position:absolute;
top:52px;
height:200px;
margin-left:750px;
width:200px;
background-image:url(http://img.webme.com/pic/t/tjpeiler-designs/headerwomen.gif);
border: 0px solid #FFFFFF;
}
//-->
</style>
Beitrag30.03.2009 um 17:50 (UTC)    
Titel:

ahhh, auch gut !

Frage:
Das Bild mit dem Auge, welche Grösse hat das und kann man das durch ein eigenes ersetzen ??? Very Happy
______________

Beitrag30.03.2009 um 18:04 (UTC)    
Titel:

Hallo,
ja kann man, es hat die Größe 200 X 200px.
So kannst du es ändern:
Code:
<div id="box">Hier der Box Inhalt</div>
<div id="box2"></div>

<style type="text/css">
<!--

#box{
position:absolute;
top:248px;
height:800px;
margin-left:750px;
width:197px;
background-image:url(http://img.webme.com/designs/women/Bilder/bg.gif);
border: 2px solid #FFFFFF;
}

#box2{
position:absolute;
top:52px;
height:200px;
margin-left:750px;
width:200px;
background-image:url(URL);
border: 0px solid #FFFFFF;
}
//-->
</style>


Bei URL musst du deine Bild URL einfügen!!

Bild URL:
-Lade dein Bild bei HPBK hoch
-mache rechtsklick auf das Bild
-dann auf Eigenschaften dann steht da Bildadresse, die kopiertst du.

Viel Spaß
Beitrag30.03.2009 um 21:20 (UTC)    
Titel:

So hab jetzt ein Bild drin. Schonmal nicht schlecht....
aber das muss doch kleiner als 200x200 oder ?
Die weissen Linien sind ja jetzt garnicht mehr da. Oder hab ich was falsch gemacht ?
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de