Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.08.2009 um 10:17 (UTC)    
Titel:

Ihr seid fantastisch ! Ich könnte euch knutschen Very Happy
______________

Beitrag06.08.2009 um 11:46 (UTC)    
Titel:

So hab mal den Code geschrieben er ist ganz schön lang Very Happy
Aber jetzt dürfte keiner mehr Probleme haben wenn er eine andere Auflösung hat. xD

=>Bei Text über dem Design kommt rein:


Code:
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div id="header"><img src="http://img.webme.com/pic/s/schneiderya/header.png"</div>
<div id="navi"><div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Schmuck</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://heller-schmuckdesign.de.tl/Armb.ae.nder.htm">Armbänder</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kopfschmuck.htm">Kopfschmuck</a></li>

<li><a href="http://heller-schmuckdesign.de.tl/Halsschmuck.htm">Halsschmuck</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Ideen--s--Vorschl.ae.ge.htm">Verwendung</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Farbgestaltung.htm">Farbgestaltung</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Info</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://heller-schmuckdesign.de.tl">Home</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/.ue.ber-das-Design.htm">Über das Design</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Bilder-Galerie.htm">Bilder Galerie</a></li>

<li><a href="http://heller-schmuckdesign.de.tl/.ue.ber-mich.htm">Über mich</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kunden-berichten.htm">Meinungen</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Austellungen--s--Presse.htm">Presse</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Kontakt</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://heller-schmuckdesign.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Impressum.htm">Impressum</a></li>

</ul>
</li>
</ul>
</div>
</div>


=>Bei CSS ohne Style Tags kommt rein:

Code:


/*
Dieses Design wurde erstellt von: www.born-woot.de.tl
Dieses Design wurde gecodet von: www.nuo-designs.de.tl
Das Design darf ausschließlich auf: www.heller-schmuckdesign.de / www.heller-schmuckdesign.de.tl verwendet werden.
*/
#header_container {display:none; }
#nav_container {display:none; }
#counter {display:none; }
#pre_content {display:none; }
h1, h2, h3, h4, h5, h6  {display:none; }

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}



p {margin: 0; padding: 0 0 18px 0;}

ul {list-style: none; margin: 0; padding: 0;}

blockquote {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
     color: #666;
   margin: 10px 20px;
   display: block;
}

blockquote span.open {
background: url() no-repeat left top;
padding: 0 0 0 15px;
}

blockquote span.close {
   background: url() no-repeat bottom right;
   padding: 0 15px 0 0;
}

code {
     display: block;
     background-color: #F5F4F3;
     border: #E2DBD8 1px solid;
     color: #666666;
     padding: 3px 5px;
     margin: 10px 15px;
   font-size: 1.2em;
}

pre {
     padding: 1em;
     border: 1px dashed #2f6fab;
     color: black;
     background-color: #f9f9f9;
     line-height: 1.1em;
}

small {font-size: 0.85em;}

big {font-size: 1.4em;}

.red {
   color: #FF0000;
}


a {
     text-decoration: none;
     color: #8c459a;
}

a:hover {text-decoration: none; color: #93559f;}

a img {
  border: none;
}

.clear {clear: both;}

.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
     display: block;
     text-align: center;
     margin: 0 auto;
}

.endOfSection {
     clear: both;
     width: 100%;
     height: 0;
     line-height: 0;
     font-size: 0;
     padding: 0;
     margin: 0;
     border: 0;
}


img {border: none;}

img.alignleft,
img.alignright,
img.aligncenter {
   display: block;
   padding: 3px;
   background: #F5F4F3;
   border: 1px solid #E8E4E2;
}

img.alignleft {
   float: left;
   margin: 0 10px 2px 0;
}

img.alignright {
   float: right;
   margin: 0 0 2px 10px;
}

img.aligncenter {
   margin: 5px auto;

}

#content .dwnld,
#content .note,
#content .error {
   display: block;
   width: 585px;
   min-height: 35px;
   float: left;
   margin: 10px 0;
   padding: 7px 10px 7px 40px;
   border-top: #EBE8D7 1px solid;
   border-bottom: #EBE8D7 1px solid;
   line-height: normal;
}

#content .dwnld {background: #EBFEDA url(http://illusion-design.eu/img/quote.png) no-repeat 5px 4px;}

#content .note {background: #FFF9D7 url(http://illusion-design.eu/img/info.png) no-repeat 5px 4px;}

#content .error {
   background: #FF9D9D url(http://illusion-design.eu/img/code.png) no-repeat 5px 4px;
   border-top: #FF3300 1px solid;
   border-bottom: #FF3300 1px solid;
   min-height: 20px;
}




body {
     font: 90%/1 verdana, helvetica, sans-serif;
   background: url(http://s5.directupload.net/images/090806/jyy4zpsw.png) repeat 0 0;
     line-height: 130%;
     width: 100%;
     color: 5e5e5e;
}

#header {
   clear: both;
   width: 606px;
   height: 209px;
        border: #ababab 2px solid;
   background: #f9f9f9;
   color: #999;
        font-size: 0.9em;
        margin-left: 300px;
}


#navi {
   clear: both;
   width: 566px;
   height: 20px;
        padding: 20px;
        border-left: #ababab 2px solid;
        border-right: #ababab 2px solid;
        background: #FFFFFF repeat-x 0 0;
   color: #999;
        font-size: 0.9em;
        margin-left: 300px;
       }


#content {
       display: block;
       background: #FFFFFF url(http://s1.directupload.net/images/090806/zl4hie4a.png) no-repeat;
   float: left;
   width: 566px;
   padding: 20px;
   clear: both;
        border: #ababab 2px solid;
   text-align: justify;
   font-size: 0.9em;
        margin-left: 300px;
}


         
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menu
{
position: absolute;
z-index: 3;

}

.menu li
{
width: 140px;
float: left;
}

.menu a
{
border: 1px solid #cfcfcf;
background-color: #fff;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menu a:hover
{
background-color: #ededed;
background-image:url();
}

#smenu1, #smenu2, #smenu3
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}


Hoffe das du Zufrieden bist =)

Gruss, Yannick Wink
______________
WebDesign | Corporate Design | Redesign



Zuletzt bearbeitet von nuo-designs am 06.08.2009, 12:47, insgesamt 2-mal bearbeitet
Beitrag06.08.2009 um 17:45 (UTC)    
Titel:

Ja suuuper !

Ich probiere es jetzt gleich mal aus !

EDIT:
aaahhh HILFE, was ist nun ? Total verschoben !!!!!!!
______________



Zuletzt bearbeitet von heller-schmuckdesign am 06.08.2009, 18:51, insgesamt 2-mal bearbeitet
Beitrag06.08.2009 um 17:51 (UTC)    
Titel:

bei mir sieht alles normal aus Ö_o

Drücken Sie mal STRG + F5

Nutzen Sie FireFox oder IE ?
______________
Born-Woot wird zu Splash-Art, um mehr Infos zu erhalten einfach auf den Banner klicken Wink
Beitrag06.08.2009 um 18:26 (UTC)    
Titel:

Ich sitze derzeit am Rechner meiner Mama (da Urlaub) und sie geht direkt über den Explorer rein. Kein Firefox. Aber was ist IE ?

Meine "Kunden berichten" wird auch total komisch angezeigt.
Eigentlich sind da noch viele mehr, die werden nach unten garnicht angezeigt !!!
______________

Beitrag06.08.2009 um 18:28 (UTC)    
Titel:

IE = Internet Exlporer

FF = Mozilla FireFox

_____________________

Hier mal ein Foto wie ich es sehe

FF 3.5

http://images.coke-paradise.com/image/6rNQRQNXdPNbM.jpg
______________
Born-Woot wird zu Splash-Art, um mehr Infos zu erhalten einfach auf den Banner klicken Wink
Beitrag06.08.2009 um 18:31 (UTC)    
Titel:

OK, aber was ist dass denn nur ?

Wie ordne ich das Menü und das Logo im Textfeld mittig an ?
______________



Zuletzt bearbeitet von heller-schmuckdesign am 06.08.2009, 19:33, insgesamt einmal bearbeitet
Beitrag06.08.2009 um 18:35 (UTC)    
Titel:

Am besten loaden Sie mal ein Foto hier hoch und zeigen wie es bei Ihnen aussieht.

Foto machen Sie so. Auf der Tastatur neben der Taste F12 gibt es einen "Drucken" Knopf. Den Drücken, Paint öffnen, STRG + C drücken, speichern fertig.

lg
______________
Born-Woot wird zu Splash-Art, um mehr Infos zu erhalten einfach auf den Banner klicken Wink
Beitrag06.08.2009 um 18:35 (UTC)    
Titel:

heller-schmuckdesign hat Folgendes geschrieben:
OK, aber was ist dass denn nur ?


Das liegt am Internet Explorer (wie ich den hasse Mad )

Im Firefox und jedem andern Browser wirds richtig dargestellt.

Ich poste gleich eine neuen Code mit dem es dann auch im IE richtig dargestellt wird.
______________
WebDesign | Corporate Design | Redesign

Beitrag06.08.2009 um 18:39 (UTC)    
Titel:

nuo-designs hat Folgendes geschrieben:
heller-schmuckdesign hat Folgendes geschrieben:
OK, aber was ist dass denn nur ?


Das liegt am Internet Explorer (wie ich den hasse Mad )

Im Firefox und jedem andern Browser wirds richtig dargestellt.

Ich poste gleich eine neuen Code mit dem es dann auch im IE richtig dargestellt wird.


Nicht nur du, der IE ist einfach nur Müll, aber Nuo macht das schon, sollte also gleich funktionieren Wink
______________
Born-Woot wird zu Splash-Art, um mehr Infos zu erhalten einfach auf den Banner klicken Wink
Beitrag06.08.2009 um 19:03 (UTC)    
Titel:

Bei mir sieht es so aus:

______________

Beitrag06.08.2009 um 19:06 (UTC)    
Titel:

Jop, auch gerade gesehen/gemerkt, wie gesagt, Nuo gecodet es grad für IE und FF. Geduld ist nun angesagt, ich bin ausm Rennen Wink


lg
______________
Born-Woot wird zu Splash-Art, um mehr Infos zu erhalten einfach auf den Banner klicken Wink
Beitrag06.08.2009 um 19:13 (UTC)    
Titel:

Ok, dann schaue ich morgen nochmal Very Happy

Aber schonmal viiiiiiiielen Dank !
Ihr steht bereits in meinem Impressum Wink
______________

Beitrag06.08.2009 um 19:53 (UTC)    
Titel:

Nach Stundenlangem überlegen habe ich den Fehler gefunden Very Happy
Ich hatte einfach nur ein ">" vergessen Very Happy

Okay, also das was bei CSS ohne Style Tags steht kannst du drin lassen bei Text über dem Design kommt jetzt folgendes rein:


Code:
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div id="header"><img src="http://img.webme.com/pic/s/schneiderya/header.png"></div>
<div id="navi"><div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Schmuck</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://heller-schmuckdesign.de.tl/Armb.ae.nder.htm">Armbänder</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kopfschmuck.htm">Kopfschmuck</a></li>

<li><a href="http://heller-schmuckdesign.de.tl/Halsschmuck.htm">Halsschmuck</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Ideen--s--Vorschl.ae.ge.htm">Verwendung</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Farbgestaltung.htm">Farbgestaltung</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Info</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://heller-schmuckdesign.de.tl">Home</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/.ue.ber-das-Design.htm">Über das Design</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Bilder-Galerie.htm">Bilder Galerie</a></li>

<li><a href="http://heller-schmuckdesign.de.tl/.ue.ber-mich.htm">Über mich</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kunden-berichten.htm">Meinungen</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Austellungen--s--Presse.htm">Presse</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Kontakt</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://heller-schmuckdesign.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://heller-schmuckdesign.de.tl/Impressum.htm">Impressum</a></li>

</ul>
</li>
</ul>
</div>
</div>


Es gibt noch ein Problem und zwar bei deiner "Bilder Gallery". Du hast ja deine Bilder einfach nur mit marquee laufen lassen. Dies ist zwar eine möglichkeit aber die schlechteste die es gibt.
Ich würde dir raten eine richtige kleine Diashow da reinzusetztn. Dies ist auch nicht schwer. Du kannst dir ja mal folgende Seiten anschauen. Fals dir was gefältt werde ich es dir gerne an deine Seite anpassen.

http://www.sohtanaka.com/web-design/examples/image-rotator/

http://www.sohtanaka.com/web-design/examples/image-zoom/

http://buildinternet.com/live/boxes/

http://www.spaceforaname.com/jquery/galleryview/gallery-customized.html

http://demos.usejquery.com/03_z-index_gallery/

http://css-tricks.com/examples/MovingBoxes/

Vielleicht ist ja was dabei was dir gefällt. Den so wie es jetzt ist sieht es sehr unprofessionell aus.

Gruss, Yannick Wink
______________
WebDesign | Corporate Design | Redesign

Beitrag07.08.2009 um 17:49 (UTC)    
Titel:

Also das gefällt mir
http://css-tricks.com/examples/MovingBoxes/

__________

Jetzt wird es mit dem neuen Code so dargestellt !
Liegt das auch wieder am Explorer ?

______________

Beiträge der letzten Zeit anzeigen:   


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