Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.12.2010 um 19:59 (UTC)    
Titel: Text über Design

Hallo Leute,

ich habe bei einem Template diesen Code für Text über Design benutzt.

Code:
Code:

<!--
This is a free CSS template provided by templatemo.com
-->
<div id="templatemo_container_wrapper">
<div class="templatemo_spacer"> </div>
<div id="templatemo_container">
<div id="templatemo_top"><a target="_parent" href="http://www.templatemo.com">Website Templates</a> · <a target="_parent" href="http://www.flashmo.com/">Flash Templates</a> · <a href="#">Company</a> · <a href="#">Contact</a></div>
<div id="templatemo_header">
<div id="inner_header">
<div id="templatemo_site_title">Homepage-Titel</div>
</div>
</div>
<div id="templatemo_right_column">
<ul class="templatemo_menu">
   <li><a href="http://il-testpage.de.tl/service5.htm">Homepage</a></li>
   <li><a href="#">CSS Website Products</a></li>
   <li><a href="#">Web Design Services</a></li>
   <li><a href="#">Specialized Portfolio</a></li>
   <li><a href="#">Our Partners</a></li>
   <li><a target="_parent" href="http://www.templatemo.com">Jobs & Internships</a></li>
</ul>
<div align="justify" class="section_box">
<div class="subtitle">Quick Contact</div>
Tel: 002-040-0240<br>
Fax: 001-050-0480<br>
Email: info[at]templatemo.com<br>
</div>
<div align="justify" class="section_box">
<div class="subtitle">About this website</div>
Curabitur velit tellus, placerat et, dapibus varius, aliquet quis, purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br>
<a href="http://validator.w3.org/check?uri=referer"><img width="88" vspace="8" height="31" border="0" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10"></a></div>
<div class="section_box">
<div class="subtitle">Special Thanks</div>
<a href="#">Website Link One</a><br>
<a href="#">Blog Link Two</a><br>
<a href="#">Template Link Three</a><br>
<a href="#">Text Link Four</a><br>
<a target="_parent" href="http://www.templatemo.com">Free Templates</a></div>
</div>
<div id="templatemo_footer">Copyright © 2048 Your Company Name · <a target="_parent" href="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_blank" href="http://www.templatemo.com">templatemo.com</a> </div>
</div>
<div class="templatemo_spacer"> </div>
</div>




Nur immer ist die Navi komisch.Ich weiß nicht wie ich das erklären soll.Seht einfach selber: http://il-testpage.de.tl/service5.htm .Der Text ist neben dem Design.Wisst ihr wie ich die Navi anpassen kann?

Gruß


Zuletzt bearbeitet von il-testpage am 15.12.2010, 22:00, insgesamt einmal bearbeitet
Beitrag15.12.2010 um 20:45 (UTC)    
Titel:

das ist nur der html-teil

damit dir geholfen werden kann, bräuchte man noch den CSS teil^^

sieht ca so aus:
Code:
#blala {
background: #000000;
font-size: 14px;
.. usw
}


danke Very Happy
Beitrag15.12.2010 um 20:58 (UTC)    
Titel:

Hier der CSS Code:


Code:
*
CSS Credit: http://www.templatemo.com/
*/
body {
   margin:0;
   padding:0;
   line-height: 1.5em;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
   font-size: 12px;
   color: #000000;
   background: #999999 url(http://img.webme.com/pic/i/il-testpage/templatemo_bg.gif);
}
a:link, a:visited { color: #0066CC; text-decoration: none}
a:active, a:hover { color: #008800; text-decoration: underline}

#templatemo_container_wrapper {
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_side_bg.gif) repeat-x;
}
#templatemo_container {
   width: 810px;
   margin: 0px auto;
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_content_bg.gif);
}
#templatemo_top {
   clear: left;
   height: 25px;   /* 'padding-top' + 'height' must be equal to the 'background image height' */
   padding-top: 42px;
   padding-left: 30px;
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_top_bg.gif) no-repeat bottom;
}
#templatemo_header {
   clear: left;
   height: 179px;
   text-align: center;
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_header_bg.gif) no-repeat;
}
#inner_header {
   height: 160px;
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_header.jpg) no-repeat center center;
}
#templatemo_left_column {
   clear: left;
   float: left;
   width: 540px;
   padding-left: 20px;
}
#templatemo_right_column {
   float: right;
   width: 216px;
   padding-right: 15px;
}
#templatemo_footer {
   clear: both;
   padding-top: 18px;
   height: 37px;
   text-align: center;
   font-size: 11px;
   background: url(http://img.webme.com/pic/i/il-testpage/templatemo_footer_bg.gif) no-repeat;
   color: #666666;
}
#templatemo_footer a {
   color: #666666;
}
#templatemo_site_title {
   padding-top: 65px;
   font-weight: bold;
   font-size: 32px;
   color: #FFFFFF;
}
#templatemo_site_slogan {
   padding-top: 14px;
   font-weight: bold;
   font-size: 13px;
   color: #AAFFFF;
}
.templatemo_spacer {
   clear: left;
   height: 18px;
}
.templatemo_pic {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   border: 1px solid #000000;
}
.section_box {
   margin: 10px;
   padding: 10px;
   border: 1px dashed #CCCCCC;
   background: #F2F2F2;
}
.section_box2 {
   clear: left;
   margin-top: 10px;
   background: #F6F6F6;
   color: #000000;
}
.text_area {
   padding: 10px;
}
.publish_date {
   clear: both;
   margin-top: 10px;
   color: #999999;
   font-size: 11px;
   font-weight: bold;
}
.title {
   padding-bottom: 12px;
   font-size: 18px;
   font-weight: bold;
   color: #0066CC;
}
.subtitle {
   padding-bottom: 6px;
   font-size: 14px;
   font-weight: bold;
   color: #666666;
}
.post_title {
   padding: 6px;
   padding-left: 10px;
   background: #DDEEFF;
   font-size: 14px;
   font-weight: bold;
   color: #0066CC;
}
.templatemo_menu {
   list-style-type: none;
   margin: 10px;
   margin-top: 0px;
   padding: 0px;
   width: 195px;
}
.templatemo_menu li a{
   background: #F4F4F4 url(http://img.webme.com/pic/i/il-testpage/button_default1.gif) no-repeat;
   font-size: 13px;
   font-weight: bold;
   color: #0066CC;
   display: block;
   width: auto;
   margin-bottom: 2px;
   padding: 5px;
   padding-left: 12px;
   text-decoration: none;
}
* html .templatemo_menu li a{
   width: 190px;
}
.templatemo_menu li a:visited, .templatemo_menu li a:active{
   color: #0066CC;
}
.templatemo_menu li a:hover{
   background: #EEEEEE url(http://img.webme.com/pic/i/il-testpage/button_active1.gif) no-repeat;
   color: #FF3333;
}
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
#content { position: absolute; left: 50%; top:328px; margin-left:-599px; width: 660px; padding:10px; color: #000000; font-size:13px; font-family: Arial; background-color:#transparent; background-image:url(); border: 0px solid #5F5F5F; height : 344px; overflow:auto; }


Zuletzt bearbeitet von il-testpage am 15.12.2010, 21:59, insgesamt einmal bearbeitet
Beitrag16.12.2010 um 19:25 (UTC)    
Titel:

Kann einer bitte Helfen?
Beiträge der letzten Zeit anzeigen:   


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