| Autor |
Nachricht |
-
tjpeiler-designs
Wohnort: Keine Angabe
|
 27.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
|
|
|
↑
|
|
 |
-
malina-cooly
Wohnort: Deutschland
|
27.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
|
|
|
↑
|
|
|
-
heller-schmuckdesign
|
27.03.2009 um 21:10 (UTC)
Titel: |
|
|
JAAAAAAAAAAAAAAAAA !!!!!!!!!!!!!!!!! 
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 !!!!!!!!!! ______________ 
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
27.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 |
|
|
↑
|
|
|
-
heller-schmuckdesign
|
27.03.2009 um 21:44 (UTC)
Titel: |
|
|
Ich finde die Box, die "mitgeht" besser. Die feststehende Version finde ich nicht so toll. ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
27.03.2009 um 21:56 (UTC)
Titel: |
|
|
Gut, danke für dein Feedback.
Ich stelle gleich eine noch etwas bessere Version hinein!
mfg tjpeiler |
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
27.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 |
|
|
↑
|
|
|
-
heller-schmuckdesign
|
28.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.... ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
28.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 |
|
|
↑
|
|
|
-
malina-cooly
Wohnort: Deutschland
|
28.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! |
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
28.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 |
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
29.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> |
|
|
↑
|
|
|
-
heller-schmuckdesign
|
30.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 ??? ______________
|
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
30.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ß |
|
|
↑
|
|
|
-
heller-schmuckdesign
|
30.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 ? ______________
|
|
|
↑
|
|
|
|
