Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.01.2009 um 21:27 (UTC)    
Titel: CSS-Code ohne Style Tags wo ist das?

wo ist denn CSS-Code ohne Style Tags ich finde das net hab designs aber weiß net wo das CSS-Code ohne Style Tags
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Beitrag16.01.2009 um 21:34 (UTC)    
Titel:

Du gehst auf "Design einstellen", dann auf "erweiterte Einstellungen" und da ist es ganz unten.
______________
Beitrag16.01.2009 um 22:08 (UTC)    
Titel: dort

noah-milan hat Folgendes geschrieben:
Du gehst auf "Design einstellen", dann auf "erweiterte Einstellungen" und da ist es ganz unten.




dort is doch aber copyright soll ich es da einfügen?
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Beitrag16.01.2009 um 22:10 (UTC)    
Titel:

Du wählst erst das CSS-Design aus.
Dann gehst du auf "Erweiterte Einstellungen --> CSS-Code ohne Style Tags"
______________



Zuletzt bearbeitet von lessing-b am 16.01.2009, 23:11, insgesamt einmal bearbeitet
Beitrag16.01.2009 um 22:14 (UTC)    
Titel:

lessing-b hat Folgendes geschrieben:
Du wählst erst das CSS-Design aus.
Dann gehst du auf "Erweiterte Einstellungen --> CSS-Code ohne Style Tags"



ja ganz unten steht aber nur copyright :S Cool
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Beitrag16.01.2009 um 22:26 (UTC)    
Titel:

Beim Design "CSS - Nur für Profis" nicht Wink
______________

Beitrag16.01.2009 um 22:36 (UTC)    
Titel: ah habs

ok und wie ist der code dann dafür?

und wie füge ich diese design ein



body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #383838; padding:0px;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:50% 0%;width:100%;}

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay.jpg);background-repeat:no-repeat;
background-position:center top;
}


h2{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#677883;
margin-bottom:18px;letter-spacing:2px;font-size: 16px;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

.logostyle {border:solid 1px #fff;}

.imgstyle {float:left;border:solid 1px #b6b6b6;margin-left:0px;margin-top:20px;margin-bottom:20px;margin-right:20px}


#bannertop
{height:80px;text-align:center;
background-image:url(images/hinter.jpg);
background-repeat:repeat;
background-position:center top;
border-bottom:solid 1px #fff;}

#top1 {
height:40px;
vertical-align:middle;
text-align:center;
padding-right:10px;
color:#DEEDE4;
font-size:30px;
}

#top2 {
height:46px;
vertical-align:middle;
text-align:right;
padding-right:20px;
padding-top:20px;
color:#b6b6b6;
font-size:14px;
}

#leiste {vertical-align:middle;
text-align:left;
padding-left:21px;
height:260px;
border-top:solid 0px #CFCFCF;
background-color:#;
padding-top:0px;
}


#hpname {letter-spacing:2px;font-size:20px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic; color:#b6b6b6;
font-style:italic;width:700px;padding-left:10px;padding-right:20px;
border-top:solid 0px #666666;padding:0px;}


.buleiste {vertical-align:middle;
text-align:center;
height:43px;
border-bottom:solid 0px #1b1b1b;
background-color:#;
margin:0px;padding:0px;

}


.menutrenn {
border-bottom:solid 0px #fff;
color:#b6b6b6;
margin:0px;padding:0px;
font-size:20px
}


#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#677883;
text-decoration:none ;
font-size: 15px;
font-family:arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
line-height:35px;
height:35px;
text-align:center;
vertical-align:middle;
background-color:#;
font-variant:small-caps;
}

#menu2 a:hover {
color:#fff;
background-color:#000;

}



#main{ height:800px;
background-image:url(images/bgin.jpg);background-repeat:no-repeat;
background-position:center top; background-color:#;
}

#main2{background-image:url(images/xbginbtm.jpg);background-repeat:no-repeat;
background-position:center bottom;
}

#inbox { text-align:justify;padding-top:40px;padding-bottom:30px;
font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#b6b6b6;
background-color:#;}


#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#;
border-right:solid 1px #fff;
border-left:solid 0px #fff;
width:120px;
vertical-align:top;
text-align:center;}





#fussb {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #677883;
height:100px;
text-align:center;
vertical-align:middle;
padding-top:20px;
background-color:#;
background-image:url(images/fuss.jpg);
background-repeat:repeat-x;
background-position:top center;
padding-bottom:10px;
letter-spacing:3px;
}

#fussb2 {font-family: verdana, sans-serif;
font-size:12px;
color: #008040;
height:0px;
text-align:center;
vertical-align:middle;
font-style:italic;
background-color:#e4e4e4;
letter-spacing:3px;
}

/* menue vertikal */

.menu1 a , .menu1 a:visited , .menu1 a:active {display:block;
background:transparent;
color:#000;
text-decoration:none ;
text-align:center;
width:57px;
padding-left:0px;
line-height: 257px;
height: 257px;
font-size: 0px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
font-style:normal;

}

.menu1 a:hover{background-image:url(images/black30.png)!important;
background-image:url(images/black.gif);background-repeat:repeat;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
border-TOP:solid 0px #9F9F9F;
border-BOTTOM:solid 0px #9F9F9F;
background-repeat:repeat;
color:#;
}




/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#677883;text-decoration:underline;background-color:#}

a:hover{ background-color:#fff;
color:#333333;text-decoration:none}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #000; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #fff; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #CFCFCF;}




danke schonmal für die hilfe Very Happy
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE

Beitrag16.01.2009 um 22:38 (UTC)    
Titel:

Da fehlt noch der dazugehörige HTML-Code.
______________

Beitrag16.01.2009 um 22:51 (UTC)    
Titel:

3fragezeichen hat Folgendes geschrieben:
Da fehlt noch der dazugehörige HTML-Code.




wie meinste das? Rolling Eyes

meinste den?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="page-type" content=" homepage">
<title>www.on-mouseover.de/templates/</title>



<link rel="stylesheet" href="format.css" type="text/css">

</head>
<body >



<table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" id="aussen" >
<tr>
<td align="center" width="100%" >

<table width="766" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td valign="middle" id="top1"><span id="hpname" >Name der Homepage </span></td>
</tr>
<tr>
<td valign="middle" id="top2">&nbsp;</td>

</tr>
<tr>
<td id="leiste" >
<table align="center" class="menu1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td ><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td><a href="index.html" >&nbsp;</a></td>
<td width="100%" >&nbsp;</td>
</tr>
</table>


</td>
</tr>

<tr>
<td class="buleiste " ><!--menü-->
<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Wir</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >G&auml;stebuch</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Shop</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn">&nbsp;•&nbsp;</td>

<td ><a href="index.html" >Mail</a></td>
</tr>
</table>
</td>
</tr>
</table>




<!--ende oben-->

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" id="main" height="600" width="100%" align="center" >
<table align="center" width="766" id="main2" border="0" cellpadding="0" cellspacing="0">

<tr>
<td style="border-right:solid 0px #fff"><img src="images/pixelspace.gif" width="30" height="1" border="0" alt=""></td>


<td style="border-left:solid 0px #fff"><img src="images/pixelspace.gif" width="20" height="1" border="0" alt=""></td>
<td id="inbox" width="100%" ><h2>Layout.</h2>

Dieses Design heisst " Revolver ". <br><br>

Highlight ist hier das transparente Grafiklink-Men&uuml; - hinter welchem die Revolver-Grafik liegt - mit bereits f&uuml;r Sie angelegtem Mouseover-Effekt.
<br>
<br>

<br>


<h2>Technik.</h2>
Seite ohne Frames.

Die Fusszeile unten sowie oben der Homepagename sind als einfacher Text einzutragen.
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Navigation.</h2>
Men&uuml; 1:Grafik-Links.<br>

Oben sehen Sie ein horizontales (waagerechtes) Men&uuml;, welches aber senkrecht angeordnet ist - hier m&uuml;ssen Sie die Buttons im Grafikprogramm beschriften.<div class="imgstyle" ><img src="images/button_bsp.jpg" width="203" height="291" border="0" alt="logo"></div> Wie das aussehen k&ouml;nnte, sehen Sie anhand der Beispielgrafik. Die Mouseover f&uuml;r dieses Men&uuml; sind bereits fertig angelegt. Fahren Sie mit der Maus &uuml;ber die 7 Links. F&uuml;r die Ausgangs-Buttons haben wir uns folgende Technik ausgedacht: Es gibt hier keine 7 Buttons, sondern die Buttons sind Bestandteil einer einzigen grossen Hintergrund-Grafik. Sie m&uuml;ssen also nur noch die Hintergrund-Grafik namens "lay.jpg" beschriften.

<br>
<br>
Men&uuml; 2: Textlinks.<br>

Das zweite Men&uuml; ist ebenfalls ein horizontales Men&uuml; und um einige Links erweiterbar. Die Buttons dort passen sich automatisch Ihrer Linkl&auml;nge an.


<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>Dead Text.</h2>

Etwas Dummy-Text. Also Beispiel F&uuml;lltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.
<br>
<br>

Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.









<!-- ende inhalt--></td>
<td><img src="images/pixelspace.gif" width="30" height="1" border="0" alt=""></td>
</tr>
</table>
</td>


</tr>

</table>
<!-- fuss-->

<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fussb">
Mike Muster GmbH & Co. KG<br>
Spezialstrasse 55 <br>
55234 Sampletown<br><br>

</td>
</tr>

</table>
<!-- ende fuss-->

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



</body>
</html>
______________
www.kingpablo21.de.tl
OFFIZIELLE HOMEPAGE



Zuletzt bearbeitet von kingpablo21 am 16.01.2009, 23:55, insgesamt einmal bearbeitet
Beitrag17.01.2009 um 10:08 (UTC)    
Titel:

jetzt hört auf, hier ellenlange codes reinzupacken!


alle CSS-codes kommen in das Feld:

bei Iceblue: "Text über dem Design" (dazu "<style type="text/css"> Dein Code </style>")

beim CSS-Profi-Design: "CSS-Code ohne Style Tags" (dazu NUR den CSS-Code ohne HTML-codes oder CSS-Tags (<== <style type="text/css"> ... </style>)
Beitrag17.01.2009 um 13:33 (UTC)    
Titel:

ja damit dein Design aber überhaupt funktioniert musst du nicht definierte Container erst einmal definieren:

Hier hab ich mal ein Bild... am besten schaust du mal in der kategorie Designtechnische Fagen noch mal nach...^^


Beiträge der letzten Zeit anzeigen:   


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