Suche im Forum:
Suchen


Autor Nachricht
Beitrag25.01.2011 um 12:01 (UTC)    
Titel: Design mit Klick ändern! (HILFE!)

Hallo,
Ich will das sich das design bei klick ändert!
Also ich will das design:

Text über dem Design:

Code:
 <div id="templatemo_banner_wrapper">
<div id="templatemo_banner">
<div id="site_title">Titel der Seite <span>Dein Slogan</span></div>
</div>
<!-- end of banner --></div>
<!-- end of banner wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
   <li><a class="current" href="#">Home</a></li>
   <li><a href="#">Wallpapers</a></li>
   <li><a href="#">Web Templates</a></li>
   <li><a href="#">Photo Gallery</a></li>
   <li><a class="last" href="#">Contact</a></li>
</ul>
</div>
<!-- end of menu --></div>
<!-- end of menu wrapper -->
<div id="templatemo_content">
<div id="column_w540">
<div class="post_section">
<div class="post_header_section">
<div class="templatemo_post_content">
<p><a target="_parent" href="http://www.templatemo.com/page/1">
</a>
</div>
</div>
<div class="cleaner"> </div>
<div class="post_section_bottom"> </div>


Text unter dem Design:
Code:
   </div>
<div class="post_section">
<div class="cleaner"> </div>
<div class="post_section_bottom"> </div>
</div>
<div class="cleaner"> </div>
</div>
<div id="side_column_wrapper">
<div id="side_column">
<div class="section_w260">
<div class="ads_125_125 margin_right_10"><a target="_parent" href="http://www.templatemo.com"><img alt="advertise here" src="http://www.loaditup.de/files/564411.jpg"></a></div>
<div class="ads_125_125"><a target="_parent" href="http://www.templatemo.com"><img alt="advertise here" src="http://www.loaditup.de/files/564411.jpg"></a></div>
<div class="ads_125_125 margin_right_10"><a target="_parent" href="http://www.templatemo.com"><img alt="advertise here" src="http://www.loaditup.de/files/564411.jpg"></a></div>
<div class="ads_125_125"><a target="_parent" href="http://www.templatemo.com"><img alt="advertise here" src="http://www.loaditup.de/files/564411.jpg"></a></div>
<div class="cleaner"> </div>
</div>
<div class="section_w260">
<div class="header_02">NEWS</div>
<div class="recent_post">
<div class="header_04"><a href="#">Sed metus nisl, placerat vitae iaculis in</a></div>
Aliquam nec est quis felis venenatis imperdiet. Duis placerat luctus sem.</div>
<div class="recent_post">
<div class="header_04"><a href="#">Donec molestie aliquet nisi eu facilisis</a></div>
In vitae placerat enim. Aenean elementum lectus eleifend a pellentesque lacus aliquet.</div>
<div class="recent_post">
<div class="header_04"><a href="#">Proin  magna amet fermentum dignissim</a></div>
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.</div>
</div>
<div class="section_w260">
<div class="section_rss_twitter twitter"><a href="#">FOLLOW ME <span>on Twitter</span></a></div>
<div class="margin_bottom_20"> </div>
<div class="section_rss_twitter rss"><a href="#">SUBSCRIBE <span>rss feeds</span></a></div>
</div>
<div class="section_w260">
<div class="header_02">PARTNER</div>
<ul class="side_column_list">
   <li><a target="_parent" href="http://www.templatemo.com/page/1">CSS Templates</a></li>
   <li><a target="_parent" href="http://www.flashmo.com/page/1">Flash Templates</a></li>
   <li><a target="_parent" href="http://www.templatemo.com">Free Layouts</a></li>
   <li><a target="_parent" href="http://www.koflash.com">Flash Websites Gallery</a></li>
</ul>
</div>
<div class="cleaner"> </div>
</div>
<!-- end of side column --></div>
<div class="margin_bottom_20"> </div>
<div id="bottom"> </div>
</div>
<!-- end of content -->
<div id="templatemo_footer">
<div class="section_w220">
<div class="header_03">Recent Comments</div>
<ul class="footer_menu_list">
   <li><a href="#">Lorem ipsum dolor</a></li>
   <li><a href="#">Cum sociis</a></li>
   <li><a href="#">Donec quam</a></li>
   <li><a href="#">Nulla consequat</a></li>
   <li><a href="#">In enim justo</a></li>
</ul>
</div>
<div class="section_w220">
<div class="header_03">Cool Links</div>
<ul class="footer_menu_list">
   <li><a href="#">Nullam quis</a></li>
   <li><a href="#">Sed consequat</a></li>
   <li><a href="#">Cras dapibus</a></li>
   <li><a href="#">Lorem ipsum dolor</a></li>
   <li><a href="#">Cum sociis</a></li>
</ul>
</div>
<div class="section_w220">
<div class="header_03">Friends</div>
<ul class="footer_menu_list">
   <li><a href="#">Aenean vulputate</a></li>
   <li><a href="#">Etiam ultricies</a></li>
   <li><a href="#">Nullam quis</a></li>
   <li><a href="#">Sed consequat</a></li>
   <li><a href="#">Cras dapibus</a></li>
</ul>
</div>
<div class="section_w220">
<div class="header_03">XHTML/CSS validations</div>
<a href="http://validator.w3.org/check?uri=referer"><img vspace="8" border="0" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" style="border: 0pt none; width: 88px; height: 31px;"></a>              <a href="http://jigsaw.w3.org/css-validator/check/referer"><img vspace="8" border="0" alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border: 0pt none; width: 88px; height: 31px;"></a></div>
<div class="margin_bottom_30"> </div>
Copyright © 2011 <a target="_parent" href="http://www.templatemo.com/page/1">Your Company Name</a> |      <a target="_parent" href="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_parent" href="http://www.templatemo.com/page/1">Free CSS Templates</a>  | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a>
<div class="cleaner"> </div>
</div>
<!-- end of footer -->



Css ohne Style Tags:

Code:
  /*
CSS Credit: http://www.templatemo.com
*/

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #e3e3e3;
   background: #080808;
}

a:link, a:visited { color: #FFFFFF; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #FFFF66; text-decoration: none; }

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

img {
   margin: 0px;
   padding: 0px;
   border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   }
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px;   }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }

.margin_right_10 { margin-right: 10px; }
.margin_right_20 { margin-right: 20px; }
.margin_right_70 { margin-right: 70px; }

.fl { float: left; }
.fr { float: right }

.header_01 {
   clear: both;
   padding-bottom: 5px;
   margin-bottom: 10px;
   font-size: 32px;
   line-height: 40px;   
   color: #000000;
}

.header_02 {
   clear: both;
   padding-bottom: 10px;
   margin-bottom: 15px;
   font-size: 20px;
   color: #ffffff;
   font-variant: small-caps;   
   border-bottom: 1px solid #ffffff;
}

.header_03 {
   clear: both;
   font-size: 18px;
   margin-bottom: 10px;
   color: #e5e5e5;
}

.header_04 {
   clear: both;
   color: #ebebeb;
   background: url() no-repeat
}

.header_04 a {
   color: #dcc606;
}

.header_05 {
   clear: both;
   font-size: 16px;
   color: #edc31f;
   padding: 0 0 5px 0;
   margin-bottom: 10px;
}

#templatemo_banner_wrapper {
   width: 100%;
   height: 300px;
    margin: 0 auto;
   background: url(http://www.loaditup.de/files/564394.jpg) center no-repeat;
}

#templatemo_banner {
   width: 900px;
   height: 300px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/564394.jpg) center no-repeat;   
}

#templatemo_banner  #site_title {
   float: left;
   width: 500px;
   padding: 10px;
   margin: 130px 0 0 80px;
   font-size: 40px;
   color: #dcee00;
}

#templatemo_banner #site_title a {
   color: #dcee00;
   text-decoration: none;
}

#templatemo_banner #site_title span {
   display: block;
   color: #a8b601;
   margin: 15px 0 0 20px;
   font-size: 14px;
}

/* menu */
#templatemo_menu_wrapper {
   clear: both;
   width: 100%;
   height: 50px;
    margin: 0 auto;
   background: url(http://www.loaditup.de/files/564395.jpg) center no-repeat;
}

#templatemo_menu {
   width: 880px;
   height: 50px;
   margin: 0 auto;
   padding:0 10px;
   background: url(http://www.loaditup.de/files/564395.jpg) center no-repeat;
}

#templatemo_menu ul {
   width: 880px;
   float: left;
   margin: 10px 0 0 0;
   padding: 0px;
   list-style: none;
}

#templatemo_menu ul li {
   padding: 0px;
   margin: 0px;
   display: inline;
}

#templatemo_menu ul li a {
   float: left;
   display: block;
   margin-right: 3px;
   padding: 5px 40px;
   text-align: center;
   font-size: 12px;
   text-decoration: none;
   color: #525252;   
   font-weight: bold;
   outline: none;
   border-right: 1px solid #222222;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
   color: #efd503;   
   text-decoration: none;
}

#templatemo_menu li .last {
   border-right: none;
}

/* end of menu */

#templatemo_content {
   position: relative;
   clear: both;
   width: 880px;
   padding: 0px 10px 0 20px;
   margin: 0 auto;   
   background: url(http://www.loaditup.de/files/564396.jpg) repeat-y;
}

#templatemo_content #bottom {
   position: absolute;
   border: 0px;
   left: 0px;
   width: 900px;
   height: 8px;
   background:url(http://www.loaditup.de/files/564397.jpg) no-repeat;
}

#column_w540 {
   float: left;
   width: 540px;
}

.post_section {
   position: relative;
   clear: both;
   width: 540px;
   margin-bottom: 30px;
   background:url() repeat-y;   
}

.post_section_bottom {
   position: absolute;
   width: 540px;
   height: 2px;
   bottom: 0px;
   left: 0px;
   background: url() no-repeat;
}

.post_section .post_header_section {
   width: 480px;
   height: 65px;
   padding: 0px 0 0 60px;
   background: url() no-repeat;
}

.post_header {
   font-size: 18px;
   font-weight: bold;
   color: #dcc606;
}

.post_info {
   color: #ababab;
   font-weight: normal;
   font-size: 12px;
   margin: 5px 0 20px 0;
}

.post_info a {
   color: #9d8d04;
   text-decoration: none;
}

.post_section .templatemo_post_content {
   padding: 20px 30px 20px 60px;
}

.templatemo_post_content img {
   margin-bottom: 20px;
}

.templatemo_post_content p {
   margin-bottom: 10px;
}

.templatemo_post_content .link_button {
   margin-top: 10px;   
   color: #9d8d04;   
}

.templatemo_post_content .link_button a {
   color: #9d8d04;
   text-decoration: none;
}

#side_column_wrapper {
   float: right;
   padding: 1px;
   margin-top: 50px;
   margin-right: 30px;
   background: #000000;
}

#side_column {
   padding: 13px 13px 0 13px;
   width: 260px;
   background: #2e2e2e;
   border: 1px solid #424242;
}


.ads_250_250 {
   border: 5px solid #1a1a1a;
   margin-bottom: 30px;
}

.ads_125_125 {
   float: left;
   width: 125px;
   height: 125px;
   margin-bottom: 10px;
}

.section_w260 {
   clear: both;
   width: 260px;
   margin-bottom: 30px;
}

.recent_post {
   color: #b9b9b9;
   margin-bottom: 5px;
   background: #282828;
   padding: 10px;
}

.side_column_list {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.side_column_list li {
   margin: 0 0 3px 0;
   padding: 0;
}

.side_column_list li a {
   display: block;
   padding: 5px 10px;   
   background: #3A3A3A;
   color: #999999;
   outline: none;
   text-decoration: none;
}

.side_column_list li a:hover {
   background: #555;
   color: #FFF;
   text-decoration: none;
}

.section_rss_twitter a {
   display: block;
   width: 170px;
   padding: 20px 0 0 70px;
   margin-left: 20px;
   font-size: 16px;
   font-weight: bold;
   color: #ffffff;   
   text-decoration: none;
}

.section_rss_twitter a span {
   font-size: 12px;
   margin-top: 5px;
   display: block;
   letter-spacing: 5px;
}

.rss a {

   background: url(http://www.loaditup.de/files/564398.png) left bottom no-repeat;
}

.twitter a {

   background: url(http://www.loaditup.de/files/564400.png) left bottom no-repeat;
}

/* footer */

#templatemo_footer {
   clear: both;
   width: 880px;
   padding: 0 10px;
   margin: 30px auto;
   color: #afafaf;
}

#templatemo_footer a {
   color: #ffffff;
}

.footer_menu_list {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.footer_menu_list li {
   margin: 0px;
   padding: 0px;
}

#templatemo_footer .footer_menu_list li a {
   color: #afafaf;
   text-decoration: none;
}

#templatemo_footer .footer_menu_list li a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}

.section_w220 {
   float: left;
   width: 200px;
   padding-right: 20px;
}

/* end of footer */

#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;}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }


Das 2 Design:
Text über Design:
Code:
 <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script><br />
<div id="templatemo_header_wrapper">
<!--  Free CSS Templates by TemplateMo.com  -->   <div id="templatemo_header">
      <div id="site_title">
         <a href="#">Titel</a> <span>Hier dein Slogan</span></div>
      <div class="cleaner">
          </div>
   </div>
<!-- end of header --></div>
<!-- end of header wrapper --><div id="templatemo_menu_wrapper">
   <div id="templatemo_menu">
      <ul>
         <li>
            <a class="current" href="#">Home</a></li>
         <li>
            <a href="http://www.templatemo.com/page/1" target="_parent">About 3D</a></li>
         <li>
            <a href="http://www.templatemo.com/page/2" target="_parent">Archives</a></li>
         <li>
            <a href="#">Gallery</a></li>
         <li>
            <a class="last" href="#">Contact Us</a></li>
      </ul>
   </div>
<!-- end of menu --></div>
<!-- end of menu wrapper --><div id="templatemo_content_outer_wrapper">
   <div id="templatemo_content_inner_wrapper">
      <div id="tempatemo_content">
         <div class="side_column_w200 margin_right_20">
            <div class="section_w170_p15">
               <div class="header_02">
                  Menü</div>
               <ul class="side_menu">
                  <li>
                     <a href="#">Lorem ipsum dolor</a></li>
                  <li>
                     <a href="#">Cum sociis</a></li>
                  <li>
                     <a href="#">Donec quam</a></li>
                  <li>
                     <a href="#">Nulla consequat</a></li>
                  <li>
                     <a href="#">In enim justo</a></li>
                  <li>
                     <a href="#">Aenean vulputate</a></li>
                  <li>
                     <a href="#">Etiam ultricies</a></li>
                  <li>
                     <a href="#">Nullam quis</a></li>
                  <li>
                     <a href="#">Sed consequat</a></li>
                  <li>
                     <a href="#">Cras dapibus</a></li>
               </ul>
            </div>
            <div class="section_w170_p15">
               <div class="header_02">
                  Partnerseiten</div>
               <div class="header_02">
                  <ul class="side_menu">
                     <li>
                        <a href="editor.html#">Nulla consequat</a></li>
                     <li>
                        <a href="editor.html#">In enim justo</a></li>
                     <li>
                        <a href="editor.html#">Aenean vulputate</a></li>
                     <li>
                        <a href="editor.html#">Etiam ultricies</a></li>
                     <li>
                        <a href="editor.html#">Nullam quis</a></li>
                     <li>
                        <a href="editor.html#">Sed consequat</a></li>
                     <li>
                        <a href="editor.html#">Cras dapibus</a></li>
                  </ul>
               </div>
               <div class="cleaner">
                   </div>
            </div>
            <div class="cleaner">
                </div>
         </div>
<!-- end of left side column -->         <div class="content_column margin_right_20">


Text unter dem Design:
Code:
<div class="post_section">
               <div class="header_01">
                   </div>
               <div class="post_info">
                   </div>
               <div class="post_content">
                  <br />
                  <p align="justify">
                      </p>
                  <p align="justify">
                      </p>
                  <div class="link_button">
                      </div>
               </div>
            </div>
            <div class="post_section">
               <div class="header_01">
                   </div>
               <div class="post_info">
                   </div>
               <div class="post_content">
                  <br />
                  <p align="justify">
                      </p>
                  <div class="link_button">
                      </div>
               </div>
            </div>
         </div>
<!-- end of content column -->         <div class="side_column_w200">
            <div class="section_w170_p15">
               <div class="section_rss_twitter twitter">
                  <a href="#">FOLLOW ME <span>on Twitter</span></a></div>
               <div class="margin_bottom_20">
                   </div>
               <div class="section_rss_twitter rss">
                  <a href="#">SUBSCRIBE <span>rss feeds</span></a></div>
            </div>
            <div class="section_w170_p15">
               <a href="#"> </a></div>
            <div class="section_w170_p15">
               <div class="header_02">
                  News</div>
               <div class="news_section">
                  <div class="header_03">
                     <a href="#">Lorem ipsum dolor sit amet consectetur </a></div>
                  <p>
                     Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
               </div>
               <div class="news_section">
                  <div class="header_03">
                     <a href="#">Aenean feugiat mattis est nec egestas</a></div>
                  <p>
                     Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
               </div>
               <div class="news_section">
                  <div class="header_03">
                     <a href="#"> Pellentesque lacus enim, bibendum id lacinia in</a></div>
                  <p>
                     Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
               </div>
            </div>
         </div>
<!-- end of right side column -->         <div class="cleaner">
             </div>
      </div>
<!-- end of content -->   </div>
<!-- end of inner content wrapper --></div>
<!-- end of outer content wrapper --><div id="templatemo_footer_wrapper">
   <div id="templatemo_footer">
      <div class="section_w180px">
         <div class="header_04">
            Popular</div>
         <ul class="footer_menu_list">
            <li>
               <a href="#">Lorem ipsum dolor</a></li>
            <li>
               <a href="#">Cum sociis</a></li>
            <li>
               <a href="#">Donec quam</a></li>
            <li>
               <a href="#">Nulla consequat</a></li>
            <li>
               <a href="#">In enim justo</a></li>
         </ul>
      </div>
      <div class="section_w180px">
         <div class="header_04">
            About</div>
         <ul class="footer_menu_list">
            <li>
               <a href="#">Nullam quis</a></li>
            <li>
               <a href="#">Sed consequat</a></li>
            <li>
               <a href="#">Cras dapibus</a></li>
            <li>
               <a href="#">Lorem ipsum dolor</a></li>
            <li>
               <a href="#">Cum sociis</a></li>
         </ul>
      </div>
      <div class="section_w180px">
         <div class="header_04">
            Friends</div>
         <ul class="footer_menu_list">
            <li>
               <a href="#">Aenean vulputate</a></li>
            <li>
               <a href="#">Etiam ultricies</a></li>
            <li>
               <a href="#">Nullam quis</a></li>
            <li>
               <a href="#">Sed consequat</a></li>
            <li>
               <a href="#">Cras dapibus</a></li>
         </ul>
      </div>
      <div class="section_w180px">
         <div class="header_04">
            Useful Links</div>
         <ul class="footer_menu_list">
            <li>
               <a href="#">Donec quam</a></li>
            <li>
               <a href="#">Nulla consequat</a></li>
            <li>
               <a href="#">In enim justo</a></li>
            <li>
               <a href="#">Aenean vulputate</a></li>
            <li>
               <a href="#">Etiam ultricies</a></li>
         </ul>
      </div>
      <div class="section_w180px">
         <div class="header_04">
            XHTML/CSS Validators</div>
         <a href="http://validator.w3.org/check?uri=referer"><img alt="Valid XHTML 1.0 Transitional" border="0" height="31" src="http://www.w3.org/Icons/valid-xhtml10" style="border:0" vspace="8" width="88" /></a>
         <div class="margin_bottom_10">
             </div>
         <a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" border="0" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border:0" vspace="8" /></a></div>
      <div class="margin_bottom_20">
          </div>
      Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.iwebsitetemplate.com">Free CSS Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a></div>
<!-- end of footer --></div>
<!-- end of footer wrapper --><!--  Free Website Templates by www.TemplateMo.com  -->


Css ohne Style Tags:

Code:
#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;}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }

/*
CSS Credit: http://www.templatemo.com/
*/

body {
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #000000;
   background: #ffffff;
}
      
a:link, a:visited { color: #004358; text-decoration: none; font-weight: normal;}
a:active, a:hover { color: #004358; text-decoration: underline;}

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

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }

.margin_right_20 { margin-right: 20px; }
.margin_right_40 { margin-right: 40px; }

.fl {
   float: left;
}

.fr {
   float: right;
}

.divider {
   background: url(http://www.loaditup.de/files/569956.jpg) bottom repeat-x;
}

#templatemo_container {
   width: 990px;
   margin: 0 auto;
}

#templatemo_header_wrapper {
   width: 1200px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569957.jpg) center top no-repeat;
}

#templatemo_header {
   clear: both;
   width: 990px;
   height: 320px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569957.jpg) center top no-repeat;
}

#templatemo_header #site_title {
   float: left;
   width: 180px;
   height: 50px;
   margin: 205px 0 0 75px;
   padding: 25px 20px 0 20px;
   font-size: 40px;
   color: #000000;
}

#templatemo_header #site_title a{
   color: #000000;
   text-decoration: none;
}

#templatemo_header #site_title span {
   display: block;
   margin-top: 10px;
   margin-left: 5px;
   font-size: 12px;
}

/* menu */
#templatemo_menu_wrapper {
   clear: both;
   width: 1200px;
   height: 50px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569958.jpg) top center no-repeat;
}

#templatemo_menu {
   width: 957px;
   height: 50px;
   padding: 0 0 0 33px;
   margin: 0 auto;

}

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

#templatemo_menu ul li{
   padding: 0px;
   margin: 0px;
   display: inline;
}

#templatemo_menu ul li a{
   float: left;
   display: block;
   height: 35px;
   width: 156px;
   margin-right: 3px;
   padding-top: 15px;
   text-align: center;
   font-size: 14px;
   text-decoration: none;
   color: #000000;   
   font-weight: bold;
   outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
   color: #ffffff;
}

/* end of menu*/

/* content */

#templatemo_content_outer_wrapper {
   clear: both;
   width: 1200px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569959.jpg) repeat-y;
}

#templatemo_content_inner_wrapper {
   width: 1200px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569960.jpg) top center no-repeat;
}

#tempatemo_content {
   width: 900px;
   padding: 0 45px;
   margin: 0 auto;
   background: url(http://www.loaditup.de/files/569960.jpg) top center no-repeat;
}

.side_column_w200 {
   float: left;
   width: 200px;
   padding-top: 80px;
}

.content_column {
   position: relative;
   float: left;
   width: 400px;
   padding: 0 30px;
   padding-top: 80px;   
   background:url() repeat-y;
}

.header_01 {
   font-size: 20px;
   color: #004358;
   font-weight: bold;
   margin-bottom: 10px;
}

.header_02 {
   font-size: 16px;
   color: #004358;
   font-weight: bold;
   padding-bottom: 10px;
   margin-bottom: 10px;
   background: url(http://www.loaditup.de/files/569956.jpg) bottom repeat-x;
}

.header_03 {
   font-size: 12px;
   color: #32697a;
   font-weight: bold;
   margin-bottom: 5px;
}

.header_04 {
   font-size: 12px;
   color: #000000;
   font-weight: bold;
   margin-bottom: 10px;
}

.header_03  a{
   color: #32697a;
   font-weight: bold;
}

.section_w170_p15 {
   width: 170px;
   padding: 0 15px;
   margin-bottom: 30px;
}

.side_column_w200 form {
   margin: 0px;
   padding: 0px;
}

.inputfield {
   height: 16px;
   width: 160px;
   padding: 2px 5px;
   margin: 0 0 10px 0;
   font-size: 12px;
   font-variant: normal;
   line-height: normal;
}

.submitbutton{
   float: right;
   margin: 0px;
   padding: 0 6px 3px 6px;
   cursor: pointer;
   font-size: 12px;
   text-align: center;
   vertical-align: bottom;
   white-space: pre;
}

#message_input {
   background:#FFFFFF none repeat fixed 0 0;
   border:1px solid #BBBBBB;
   display:block;
   height: 80px;
   margin-top:5px;
   padding:5px;
   width: 160px;
   margin-bottom: 5px;
}

.side_menu {
   list-style: none;
   padding: 0px;
   margin: 0 0 0 0;
}

.side_menu li {
   padding: 0;
   margin: 5px 0;
}

.side_menu li a {
   display: block;
   color: #ffffff;
   padding: 2px 10px;
   background: #999;
}
.side_menu li a:hover {
   text-decoration: none;
   background: #666;
}

.section_rss_twitter a{
   display: block;
   width: 170px;
   padding: 20px 0 0 0;
   font-size: 16px;
   font-weight: bold;
   color: #004358;   
}

.section_rss_twitter a:hover {
   text-decoration: none;   
}

.section_rss_twitter a span {
   font-size: 12px;
   margin-top: 5px;
   display: block;
   letter-spacing: 5px;
}

.rss a{

   background: url(http://www.loaditup.de/files/569961.png) right bottom no-repeat;
}

.twitter a{

   background: url(http://www.loaditup.de/files/569962.png) right bottom no-repeat;
}

.news_section {
   padding-bottom: 15px;
   margin-bottom: 15px;
   border-bottom: 1px solid #999;
}


.post_section {
   clear: both;
   padding-bottom: 20px;
   background: url(images/templatemo_divider.jpg) bottom repeat-x;   
   margin-bottom: 20px;
}

.post_section p {
   margin-bottom: 20px;
}

.post_info {
   font-size: 14px;
   margin-bottom: 20px;
}

.post_info a {
   color: #000000;
   text-decoration: underline;
}

.post_content img {
   margin-bottom: 10px;
}

.post_content .link_button a{
   margin-top: 10px;
   color: #004358;
   text-decoration: none;
}
/* end of content */

/* footer */

#templatemo_footer_wrapper {
   clear: both;
   width: 100%;
   margin: 0 auto;
}

#templatemo_footer {
   clear: both;
   width: 900px;
   margin: 0 auto;
   padding: 30px 45px;
   margin-top: 30px;
   background: url(http://www.loaditup.de/files/569956.jpg) top repeat-x;
}

.footer_menu_list {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.footer_menu_list li {
   margin: 0px;
   padding: 0px;
}

.footer_menu_list li a {
   color: #333;
}

.section_w180px {
   float: left;
   width: 140px;
   padding-right: 40px;
}

/* end of footer */



Danke im vorraus Very Happy


Zuletzt bearbeitet von mybook-teens am 27.01.2011, 12:04, insgesamt einmal bearbeitet
Beitrag25.01.2011 um 12:03 (UTC)    
Titel:

Beitrag25.01.2011 um 17:13 (UTC)    
Titel: nein

Ja aber ich will für jede Seite ein neues Design und da brauch ich auch text über design und so---
Beitrag27.01.2011 um 11:05 (UTC)    
Titel:

WEISS NIEMAND WAS???
Beitrag28.01.2011 um 11:24 (UTC)    
Titel:

HILFE!
Beitrag28.01.2011 um 13:55 (UTC)    
Titel:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=67854
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag28.01.2011 um 14:52 (UTC)    
Titel:

versteh ich nicht ganz......
Wo tu ich dann text über designund so hin??
Beitrag28.01.2011 um 14:58 (UTC)    
Titel:

ja,
ich verstehe das auch nicht ganz....
also ich will diese zwei designs dort oben...

kann mir keiner einnen code geben???
Beiträge der letzten Zeit anzeigen:   


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