Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.07.2009 um 18:12 (UTC)    
Titel: Netten Coder gesucht!

allo!

Ich möchte ein Komplett neues Design haben, da ich meins viel zu unpassend finde.

http://www.on-mouseover.de/templates/hp101/index.html

Bitte keine rechte Boxen um oben im Header würde ich im Rotton und Kursiv mit der Schriftart Parry Hotter gerne haben wollen. Wenn du die Schriftart nicht besitzen tust, kannst du sie dier hier gerne downloaden:
http://www.fontsuchmaschine.de/6848/Parry-Hotter.html

MFG Todesboten-home

PS: Wenn du das mit der Schrift nicht hinbekommst, dann kann ich dir noch eine Grafik anbieten. Smile
Beitrag09.07.2009 um 18:16 (UTC)    
Titel:

Das angegeben Design ist eine fertige Designvorlage. Hast Du einen Code für das Template?
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag09.07.2009 um 18:28 (UTC)    
Titel:

Ja, ich habe .css Codes und die Grafiken.
Beitrag09.07.2009 um 18:29 (UTC)    
Titel:

Aber dann brauchst Du doch keinen Coder mehr wenn Du schon alle Codes hast, muste doch nur noch einfügen unter "CSS".

Liebe Grüße.
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag09.07.2009 um 18:31 (UTC)    
Titel:

Aber das einfügen kapiere ich ja gerade nicht. Das Design hab ich im Ordner drinne und alle Bilder hab ich hochgeladen, das hab ich auch mal mit einem anderen Design gemacht. Aber die verflixten Dateien wollen sich miteinander nicht vertragen.
Beitrag09.07.2009 um 18:34 (UTC)    
Titel:

Aso dann zeig mal den Code mal sehen ob ich Dir vielleicht helfen kann.
______________



www.gidf.de

Ice Blue&CSS-Design
Beitrag09.07.2009 um 18:36 (UTC)    
Titel:

Beitrag09.07.2009 um 18:55 (UTC)    
Titel:

Diesen Teil hier in "Text über dem Design":

Zitat:
<div align="center">

<table align="center" id="main_top" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<table align="center" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td id="top1" >

<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="middle" >
<span id="hpname"><b> Services</b> First Class</span>

</td>
</tr>
</table >
<!-- ende schatteneffekt auf text -->
</td>
</tr>
</table >

</td>
</tr>
<tr>

<td id="top2">

<table align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Home</a></td>
<td class="trenn">|</td>
<td ><a href="index.html" >Kontakt</a></td>
<td class="trenn">|</td>
<td ><a href="index.html" >Anfahrt</a></td>
<td class="trenn">|</td>
<td><a href="index.html" >Partner</a></td>

<td class="trenn">|</td>
<td ><a href="index.html" >Impressum</a></td>

</tr>
</table>

</td>
</tr>
</table>

<table align="center" id="main_inhalt" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" align="center" >
<table align="center" id="inhalt" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top" id="sp1">

<h2><img src="images/point.gif" width="20" height="19" border="0" alt=""> Layout </h2>

Dieses Design heisst: <i >Services First Class</i>.<br>
<br>
Den Homepagenamen passen Sie als einfachen Text an. Das Men&uuml; oben ist hier mal ohne Breitenangabe der einzelnen Links, so dass Sie m&ouml;glichst viele Links unterbringen k&ouml;nnen. Wer mag, gibt den Links eine Breitenangabe (z.b. width:122px), so dass jeder Button gleich gross ist.
<br> <br>
<br>

<h2><img src="images/point.gif" width="20" height="19" border="0" alt=""> Technik</h2>

Die Boxen 1 bis 4 in der rechten Spalte k&ouml;nnten Sie f&uuml;r kleineren Inhalt wie Bilder, Text, Links o.&auml;. nutzen. Jede Box verl&auml;ngert sich nach unten automatisch. Wenn nicht ben&ouml;tigt, so lassen sich diese Boxen auch leicht entfernen. Dazu brauchen Sie einfach nur die "div-Bereiche", welche mit "box" klassifiziert sind, im Quelltext zu l&ouml;schen. Sie k&ouml;nnten aber auch entsprechend weitere Boxen hinzuf&uuml;gen, also darunter kopieren.
Seite ohne Frames. Der Homepagename und Fusszeile unten (z.B. Adresse) ist als einfacher Text einzutragen. <br>
<br>
<br>

<div align="center">
<div style="background-color:#f8f8f8;background-image:url(images/zitat.jpg);background-repeat:repeat-x;background-position: center top; padding:20px;font-size:18px;line-height:20px;font-family: comic sans ms,tahoma,verdana,monospace;font-style:italic;color:#383838;text-align:center;width:380px;letter-spacing:0px; border:dashed 1px #939393">
<b style="color:#fff">«</b> Zitat-Text einger&uuml;ckt und anders formatiert. Duis placerat, ligula nec porta fringilla diam massa laoreet diam. <b style="color:#fff">»</b>

<br>
<br>
<div style="font-size:15px;font-family:arial,tahoma,trebuchet ms,verdana,monospace;color:#000;letter-spacing:0px;text-align:center" >Siegmund Freud</div>

</div>
</div>
<br>
<br>

<h2><img src="images/point.gif" width="20" height="19" border="0" alt=""> Navigation</h2>
Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das rechte Men&uuml; ist beliebig erweiterbar. Die Men&uuml;s ganz oben und ganz unten sind um einige Links erweiterbar.

<br>
<br>

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus &uuml;ber den Link: <a href="#">Beispiel-Link </a>
<br>
<br>
<br>


<h2><img src="images/point.gif" width="20" height="19" border="0" alt=""> Dead Text</h2>Beispiel F&uuml;ll Text. Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis.
Nachfolgend sehen Sie zwei Beispiele f&uuml;r Listen. Listen sind textliche Aufz&auml;hlungen.

<br>
<br>

<blockquote><img src="images/arrow.gif" width="10" height="11" border="0" alt=""> Liste mit quadratischem Aufz&auml;hlungszeichen , verlinkt:
<ul class="liste1">
<li><a href="index.html">Curabitur</a></li>
<li><a href="index.html">Ullamcorper</a></li>
<li><a href="index.html">Magna</a></li>
<li><a href="index.html">Aenean</a></li>

</ul></blockquote>
<br>

Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis. Phasellus tincidunt odio vel nulla. Morbi vitae urna quis nulla imperdiet rhoncus. Aliquam feugiat, nulla non semper mollis, sapien velit rutrum urna, eu vehicula erat risus et leo.

<br>
<br>
<blockquote><img src="images/arrow.gif" width="10" height="11" border="0" alt=""> Numerische Liste, Ziffern automatisch fortlaufend, verlinkt:
<ol >
<li><a href="index.html">Sed</a></li>
<li><a href="index.html">Condimentum</a></li>
<li><a href="index.html">Bibendum</a></li>
<li><a href="index.html">Semper</a></li>

</ol></blockquote>
<br>

Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.

</td>
<!-- ende inhalt-->


<td id="sp2" valign="top" >
<img src="images/pixelspace.gif" width="260" height="1" border="0" alt="">

<!--BOX 1-->

<div class="box1" >

<h3 class="boxheader">Spruch. Zitat. Welcome. </h3>

<img src="images/apo.gif" width="23" height="21" border="0" alt=""> Ut accumsan scelerisque felis. Proin at mauris vel tortor lacinia volutpat. Quisque vehicula metus a massa. Curabitur ut dolor nec nunc tempus sagittis.

<br>
<br>

</div>

<!--ende BOX 1-->

<!--BOX 2-->
<div class="box2">

<div id="menu2">
<h3 class="boxheader">Navigation. Intern. Extern. </h3>
<ul >
<li><a href="index.html" >Partner 1</a></li>
<li><a href="index.html" >Partner 2</a></li>
<li><a href="index.html" >Partner 3</a></li>
<li><a href="index.html" >Sponsor 1</a></li>
<li><a href="index.html" >Sponsor 2</a></li>

<li><a href="index.html" >Weitere Links</a></li>

</ul>
</div>
</div>
<!--ende BOX 2-->

<br>

<!-- BOX 3-->
<div class="box3">

<h3 class="boxheader">News. </h3>
<b style="color:#000">Yesterday.</b><br>

Vestibulum velit nunc, hendrerit ac, semper id, lobortis sit amet, velit. In a nunc. <span id="menubox"><img src="images/arrow.gif" width="10" height="11" border="0" alt="">&nbsp;<a href="#" >Weiter</a></span>
<br>
<br>
<b style="color:#000">Today.</b><br>
Vivamus varius justo. Nunc pretium congue massa. In placerat. <br>
<span id="menubox"><img src="images/arrow.gif" width="10" height="11" border="0" alt=""> <a href="#" >Weiter</a></span>
<br>
<br>
<b style="color:#000">Next Day.</b><br>
Nam eros sem, fermentum in, tincidunt sit amet, fringilla vitae, risus. <span id="menubox"><img src="images/arrow.gif" width="10" height="11" border="0" alt="">&nbsp;<a href="#" >Weiter</a></span>

<br>
<br>

</div>
<!--ende BOX 3-->

<br>
<!--BOX 4-->
<div class="box4">

<h3 class="boxheader">Example. </h3>
<div align="center" class="img_spalte"><img src="images/foto1.jpg" width="180" height="120" border="0" alt="" style="border:solid 1px #fff"></div>
<br style="clear:left;">

Die Rahmen der Bilder lassen sich beliebig in Farbe und Gr&ouml;sse &auml;ndern.

<br>
<br>
<br>

<div align="center" class="img_spalte"><img src="images/foto2.jpg" width="180" height="120" border="0" alt="" style="border:solid 1px #fff"></div>
<br style="clear:left;">
Eine Umrahmung besteht aus 3 Rahmen in unterschiedl. Breite - von innen nach aussen sind das die Farben Weiss sowie Dunkelgrau und Hellgrau.
</div>

<!--ende BOX 4-->

<!-- ende inhalt--></td>

</tr>
</table>
</td>

</tr>

</table>
<!-- fuss-->
<table id="main_fuss" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fuss">
Max Muster GmbH&nbsp;&nbsp;•&nbsp;&nbsp;Spezialstrasse 55&nbsp;&nbsp;•&nbsp;&nbsp;55234 Sampletown
</td>
</tr>
<tr>
<td width="100%" id="fuss2" align="center" >

<!-- menü GANZ unten-->

<table align="center" id="menu" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Mail</a></td><td class="trenn" >|</td>
<td ><a href="index.html" >Kontakt</a></td><td class="trenn">|</td>
<td ><a href="index.html" >Impressum</a></td><td class="trenn">|</td>
<td ><a href="index.html" >Nutzung</a></td><td class="trenn">|</td>
<td ><a href="index.html" >Service</a></td>
</tr>

</table>
<!-- ende menü GANZ unten-->
www.ihre-beispiel-adresse.de <br>
</td>
</tr>
</table>
<!-- ende fuss-->

</div>


Und diesen Teil hier in "CSS-Code ohne Style Tags":

Zitat:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}


/* ================ ALLGEMEIN =============== */


body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-color: #5599d6; padding:0px;
width:100%;
background-image:url(images/back_main.jpg);background-repeat:repeat-y;
background-position:center top;
font-size: 16px;line-height: 20px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
/* hinweis: die schrift für den inhaltsbereich ändern sie weiter unten bei #inbox */

/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #517188; scrollbar-base-color: #fff;
scrollbar-highlight-color : #517188; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #fff;}

/* ================ KOPFBEREICH ================ */

#main_top{width:0px;width:100%;
background-color: #;
background-image:url(images/header.jpg);background-repeat:no-repeat;
background-position:center top;
}

#top1 {padding-left:50px;
padding-right:80px;
height:162px;
vertical-align:middle;
text-align:center;
color:#DEEDE4;
}

#top2 {
width:900px;
height:60px;
text-align:center;
vertical-align:middle;
color:#b6b6b6;
font-size:14px;
}

#hpname {letter-spacing:-1px;font-size:50px;
font-family: georgia,trebuchet ms,arial, helvetica, verdana, tahoma, sans-serif;
color:#000;

}

#slogan {letter-spacing:-1px;font-size:16px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#fff;font-style:italic;
padding-left:12px
}
/* ================ INHALTSBEREICH ================ */


#main_inhalt{
width:100%;
height:1000px;
background-image:url(images/back_in.jpg);background-repeat:no-repeat;
background-position:center top;
}

#inhalt{width:920px;
height:100%
}

#sp1 {height:1100px;
color:#000;
padding-top: 40px; padding-bottom: 40px;
padding-left: 40px;padding-right:40px;
width:100%;
vertical-align:top;
text-align:justify;
font-size: 16px;line-height: 20px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
}

ul.liste1 {list-style-type: square;color:#7D7D7D;}


h3.boxheader {color:#000;
font-size: 15px;line-height: 18px;
font-family: georgia,trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
border-bottom:solid 1px #7F7F7F}

.box2{
font-size: 11px;line-height: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
padding:10px;

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;
}

.box1{
font-size: 14px;line-height: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
background-color:#;
padding:10px;
vertical-align:top;
color:#202020;

}

.box3{
font-size: 14px;line-height: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
background-color:#;
padding:10px;
vertical-align:top;
color:#202020;

}

.box4{
font-size: 12px;line-height: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
background-color:#;
padding:10px;
vertical-align:top;
color:#202020;
}

#sp2 {
height:1100px;color:#000;font-size: 14px;line-height: 18px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif; padding-right:40px;
padding-top: 30px;
padding-bottom:30px;
}

/* überschriften */
h2{ font-family: georgia,trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
color:#3F3F3F;
margin-bottom:10px;letter-spacing:2px;font-size: 21px;
border-bottom:dashed 0px #000;
padding-bottom:4px;font-style:italic;
}

/* bilder im text */

.img_spalte {float:left;
background-color:#B2B2B2;
padding:2px;
border:solid 8px #EEEEEE;
margin-left:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;
color:#fff;
text-align:center;
font-size:0px;
}

/* =============== FUSSBEREICH =============== */

#main_fuss{width:0px;width:100%;

}

#fuss {width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #000;
height:130px;
text-align:center;
vertical-align:middle;
letter-spacing:6px;
background-color:#7cb179;
background-image:url(images/fuss.jpg);background-repeat:no-repeat;
background-position:center top;
}

#fuss2 {width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:10px;
color: #000;
height:89px;
text-align:center;
vertical-align:middle;
letter-spacing:0px;
background-color:#f5f5f5;
background-image:url(images/fuss2.jpg);background-repeat:no-repeat;
background-position:center top;
}

/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 16px;line-height: 20px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;color:#000 ;text-decoration:underline;background-color:#;}

a:hover{background-color:#E5E5E5;
color:#000;text-decoration:none}

/* menue rechts */

#menu2 {border: dashed 0px #fff;
background-color:#;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}

#menu2 ul, #menu2 li {
list-style-type: square;
margin-left:18px;
padding: 0px;
color:#868686
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
width:200px;
color:#000;text-decoration:none;
font-size: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
height: 18px;
line-height: 18px;
padding-left:0px;
}

#menu2 li a:hover { background:TRANSPARENT;
color:#8F8F8F;text-decoration:underline;
}

/* menue in box3 (weiter-links unter news) */

#menubox a , #menubox a:visited , #menubox a:active {display:inline;
background-color:#;
color:#000;
font-size: 14px;line-height: 15px;
font-family: trebuchet ms,tahoma,arial, helvetica, verdana, sans-serif;
text-decoration:underline;
text-align:left;
font-style:normal;
}

#menubox a:hover{
background-color:#E5E5E5;
color:#000;
text-decoration:none ;
}
/* menue oben */

#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#E1E1E1;
text-transform:capitalize;font-variant:normal;
text-decoration:none ;font-family:georgia,trebuchet ms,verdana, sans-serif; font-size: 16px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 0px #AAAAAA;
height:58px;
line-height:58px;
text-align:center;
}

#menuhorizontal a:hover {background:transparent; text-decoration:none ;
color:#FFF;
text-decoration:underline ;
border-left:solid 0px #fff;
}
.trenn {width:1px;color:#949494}


/* zweites menue ganz unten */

#menu a, #menu a:visited , #menu a:active {display: block;
color:#000;
text-decoration:none ;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif; font-size: 12px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
background-color:#202020;background:transparent
}

#menu a:hover {color:#000; text-decoration:underline ;
background:transparent;}
}


Die Boxen kannst Du dann noch rauslöschen und Du must noch schauen wie der Contet-bereich des Baukastens in den des Design integriert wird.

Liebe Grüße.


Zuletzt bearbeitet von mytestdesign am 09.07.2009, 20:00, insgesamt einmal bearbeitet
Beitrag09.07.2009 um 19:02 (UTC)    
Titel:

Danke dir Smile nu lad ich die Grafiken wieder hoch, da ich die links geschlossen habe...
Beiträge der letzten Zeit anzeigen:   


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