Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.02.2011 um 17:40 (UTC)    
Titel: Was muss ich wo eintragen?

Ich habe mir ein CSS-Design runtergeladen und müsste jetzt wissen wie ich das hier eintragen muss, bei Code ohne Styletags, Text über dem Design usw. Kann mir jemand helfen?
CSS-Code:
Code:
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
   font: 12px Arial, Helvetica, sans-serif;
   color: #303030;
   background: url(images/bg.jpg) left top repeat-x #000000;
   line-height: 18px;
}
   
#main {
   width: 1005px;
   margin: 0px auto;
   background:url(images/main.jpg) right top no-repeat;}

#header {
   height: 196px;
}

#logo {   
      height:  102px;
      padding: 30px 0px 0px 10px;
}


#logo a {
   text-decoration: none;
   text-transform: lowercase;
   font-size: 14px;
   font-weight:bold;
   color: #ffffff;
}
   
#logo H3 a{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: left;
}

#buttons{
   text-align:center;
   height: 53px;
   margin-left: 0px;
   background: url(images/buttons.png) center top no-repeat;
   width: 955px;
   padding-left: 50px;
   
}

#buttons a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: 100;
   display: block;
   float: left;
   text-decoration: none;
   color: #ffffff;
   text-align: center;
   padding-top: 17px;
   height: 36px;
   width: 180px;
   text-transform:uppercase;
}

.but {
   
   
}


#buttons .but:hover {
   text-decoration: none;
   background: url(images/but_hover.gif) top repeat-x;}
   
   
.cont_top { background: url(images/cont_top.png) top no-repeat;
   height: 12px;}
.cont_bot { background: url(images/cont_bot.png) bottom no-repeat;
   height: 12px;}

#content{
   background: #ffffff;
   padding: 0px 12px 0px 12px;
}

.top_img {
width: 981px;
height: 291px;
background:url(images/img11.jpg) left top no-repeat;}

.circl { background: url(images/circl.gif) left top no-repeat;
   height: 15px;
   width: 17px;
   margin: 6px 2px 0px 2px;
   float:right; }
.circl:hover {
   background:url(images/circl_hov.gif) left top no-repeat; }

#content_razd{
   background: url(images/content_razd.gif) 623px repeat-y;
   padding: 10px 0px 10px 0px;
   clear:both;
   
}

.ram1_top {
   background: url(images/ram1_top.jpg) left top no-repeat;
   width: 947px;
   padding: 0px 17px 0px 17px;
}
.ram1_bg {
   background: url(images/ram1_bg.gif) left repeat-y;
   
}
.ram1_bot {
   background:url(images/ram1_bot.gif) left bottom no-repeat;
   height: 28px; }
   
.span_b {
   font-size:14px;
   color:#000000;
   font-weight:bold;}
   
.read_but {
   float:right;
   margin: 0px 40px 0px 0px;
   background: url(images/but_read.gif) left top no-repeat;
   width: 114px;
   height: 23px;
   padding: 5px 0px 0px 0px;
   text-align: center;
   vertical-align: middle;
}
.read_but a {
   height: 28px;
   color:#FFFFFF;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;}
.read_but a:hover { text-decoration:underline;}

.i_col_razd {background:url(images/i_col_razd.gif) 308px repeat-y;}

.float_left {float:left;}

.razd_v {
   height: 1px;
   background: url(images/razd_v.gif) repeat-x;}
   
   
.ram2_top {
   background: url(images/ram2_top.jpg) left top no-repeat;
   width: 638px;
   padding: 0px 10px 0px 10px;
}
.ram2_bg {
   background: url(images/ram2_bg.gif) left repeat-y;
   
}
.ram2_bot {
   background:url(images/ram2_bot.gif) left bottom no-repeat;
   height: 12px; }   

.a_bold {
   color: #303030;
   font-weight:bold;
   text-decoration: none;}
.a_bold:hover {
   text-decoration:underline;}


#left{
   width: 694px;
   float: left;
   color:#000000;
   margin-left: 0px;
   padding: 0px 0px 0px 0px;
}

.img_l {   float:left;
      margin: 0px 15px 0px 0px;
}

.img_r {   float: right;
      margin: 0px 0px 0px 15px;
}


H1{
   font-family: Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight: bold;
   color: #D84005;
   text-align: left;
   padding: 0px 0px 0px 0px;
   line-height: 20px;
}

H2{
   font-family: Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight: bold;
   color: #D84005;
   text-align: center;
   padding: 0px 0px 0px 0px;
   line-height: 20px;
}

.read{
   display:block;
   float:right;
   height: 20px;
   width: 85px;
   text-align: center;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
   font-size:12px;
   color: #D84005;
}



.read:hover {
   font-size:12px;
   text-decoration: underline;
}
.read_bg1 {
background:url(images/read_bg1.gif) top ;}

.read_bg2 {
background:url(images/read_bg2.gif) top repeat-x;}

#right{
   float: right;
   width: 266px;
   margin-right: 0px;
}

.span_dat {
   color: #002380;
   text-decoration: underline;}
   
   
.bot_top {
height: 13px;
background: url(images/bot_top.gif) 0px 0px no-repeat;
}

.bot_bot {
height: 13px;
background: url(images/bot_bot.gif) 0px bottom no-repeat;
}
   
#bottom {
   width: 100%;
   background:url(images/bot_bg.gif) left repeat-y;
   color:#FFFFFF;
   padding: 0px 0px 0px 0px;
}

#bottom h2{
   font-family: Arial, Helvetica, sans-serif;
   padding: 0px 0px 0px 0px;
   font-size: 18px;
   text-align: center;
   color: #ffffff;
   font-weight: 100;
   line-height: 20px;
}

.razd_bot {
   background:url(images/razd_bot.gif) repeat-x;
   height: 1px;}

.b_col1 {
   width: 230px;
   height: 204px;
   float: left;
   margin-left: 74px;
   background:url(images/razd_bot.gif) bottom repeat-x;
}
.b_col2 {
   width: 230px;
   height: 204px;
   float: left;
   margin-left: 79px;
   line-height: 25px;
   background:url(images/razd_bot.gif) bottom repeat-x;
}

.b_col2 ul {
   list-style:none;
   padding: 0px 0px 0px 40px;}

.b_col2 li {
   padding: 8px 0px 2px 0px;
   background: none;
   }
   
.b_col2 li a {
   color:#FFFFFF;
   text-decoration: none;
   
}
.b_col2 li a:hover {
   text-decoration: underline;
}

.fu_i {
   padding: 0px 14px 0px 0px;
   vertical-align: middle ;
}

.b_col3 {
   width: 230px;
   height: 204px;
   float: left;
   margin-left: 77px;
   text-align: left;
   background:url(images/razd_bot.gif) bottom repeat-x;
}

.b_col3 ul {
   list-style:none;
   padding: 0px 0px 0px 40px;}

.b_col3 li {
   padding: 8px 0px 0px 20px;
   background: url(images/fish2.gif) 0px 14px no-repeat;
   }
.b_col3 ul a:hover {
   text-decoration:underline;
   }
   
.b_col3 ul a {
   color:#ffffff;
   text-decoration:none;
   font-weight:bold;}

#footer{
   height: 60px;
   font-size: 12px;
   color: #ffffff;
   text-align: center;
   padding: 15px 0px 0px 0px;
   background: url(images/footer.jpg) 0px 15px no-repeat;
}

#footer a{
   color: #ffffff;
   font-size: 12px;
   text-decoration: none;
}

#footer a:hover{
   color: #ffffff;
   font-size: 12px;
   text-decoration: underline;
}

/* blog */

.text{
   padding: 0px 0px 0px 0px;
   background: #FFFFFF;
   clear:both;
}

.span_munth {
color:#FFFFFF;
font-size:10px;}

.dat_img {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #ffffff;
   float:left;
   width: 67px;
   height: 55px;
   padding: 10px 0px 0px 0px;
   margin-right: 15px;
   background:url(images/dat_img.gif) 0px 0px no-repeat;
   text-align:center;
   }
   
.a_non {
   text-decoration: none;
   color: #60010C;}
.a_non a:hover {
   text-decoration: none;}
   
.a_und {
   text-decoration: underline;
   color: #60010C;}
.a_und:hover {
   text-decoration: none;}

.datc_coment {
   height: 20px;
   width: 100%;
   background: url(images/datc_coment.gif) top repeat-x;
   padding: 12px 0px 0px 0px;}

.datc  {
   float: left;
   width: 346px;}

.coment {
   float: right;
   width: 146px;
   text-align:right;}
   

.ram_top {
   background: url(images/ram_top.jpg) left top no-repeat;
   width: 236px;
   padding: 0px 15px 0px 15px;
}
.ram_bg {
   background: url(images/ram_bg.gif) left repeat-y;
   
}
.ram_bot {
   background:url(images/ram_bot.gif) left bottom no-repeat;
   height: 12px; }   



.spis {
   list-style:none;
   padding: 0px 0px 0px 23px;}

.spis  li {
   padding: 6px 0px 0px 22px;
   background: url(images/fish1.gif) 0px 12px no-repeat;
   }
.spis a:hover {
   text-decoration: underline;
   }
   
.spis a {
   color:#303030;
   text-decoration:none;
   font-weight: bold;}

.blog_l_razd {
background:  url(images/blog_l_razd.gif) 12px repeat-x;
height:12px;}


/* calendar */   


#calendar {
   margin: 0px 0px 0px 0px;
   color:#000000;
}

#calendar a {
   color:#000000;
}

#calendar table {
   width: 100%;
   text-align: center;
}

#calendar thead {

}

#calendar tbody td {
   border: 1px solid #ffffff;
}

#calendar #prev{
   text-align: left;
   color:#FF0000;
}
#calendar #prev a{
   color:#FF0000;
}

#calendar #next {
   text-align: right;
   color:#FF0000;
}
#calendar #next a{
   color:#FF0000;
}

#calendar tfoot a {
   text-decoration: none;
   font-weight: bold;
}

#calendar #now {
   background: #696969;
   border: 1px solid #ff0000;
   font-weight: bold;
   color: #ffffff
}   


/* gallery */

.row {
   padding: 0px 0px 0px 0px;
   height: 237px;
}

.box_img2 {
   width: 298px;
   height: 226px;
   background: url(images/box_img.jpg) left top no-repeat;
   padding: 11px 11px 0px 11px;
   float:left;
}

.box_razd {
   width: 10px;
   height: 50px;
   float: left;
}

.rol_over:hover {

background:url(images/rol_over_galery.png) left top no-repeat;
}

.g_size {
width: 298px;
height: 123px;
display: block;
}

/* about us */

.about_img {
   float: left;
   margin: 0px 22px 0px 0px;}

.about_col {
   float:left;
   width: 210px;
   padding: 0px 0px 0px 20px;}

/* contact us */

.contact {
width: 610px;
padding: 0px 0px 0px 40px;}

.input_txt2 {   
   width: 575px;
   border: none;
   background: url(images/input_txt2.jpg) left top repeat-x;
   padding: 6px 15px 6px 15px;
   color:#ffffff;

}

.text_area2 {
   width: 575px;
   height:120px;
   font-size: 14px;
   border: none;
   background: url(images/text_area2.jpg) 0px 0px repeat-x;
   padding: 8px 15px 8px 15px;
   color:#ffffff;
   font-family:Arial, Helvetica, sans-serif;
}
.submit2 {
   background: url(images/but_read.gif) top repeat-x;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   padding: 5px 2px 8px 2px;
   width: 114px;
   margin: 0px 0px 0px 0px;
   text-transform:uppercase;
   
}

.lh {
   line-height: 22px;
}



/*
scroll styles here
*/

.item { width: 981px; height:291px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 981px; height: 291px;}
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;}
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;}
.navi a { width: 17px; cursor:pointer; height: 15px; float:left; margin:0 0 0 3px; background:url(images/circl.gif) no-repeat scroll right top; display:block; font-size:1px;}
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/circl_hov.gif) no-repeat scroll right top}

.header1
{
width: 981px; height: 291px;
background: url(images/img11.jpg) no-repeat;
}

.header2
{
width: 981px; height: 291px;
background: url(images/img11_2.jpg) no-repeat;
}

.header3
{
width: 981px; height: 291px;
background: url(images/img11_3.jpg) no-repeat;
}

.header4
{
width: 981px; height: 291px;
background: url(images/img11_4.jpg) no-repeat;
}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}



Quellcode dr index.html Datei:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
      <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
      <script type="text/javascript" src="lib/jquery.tools.js"></script>   
      <script type="text/javascript" src="lib/jquery.custom.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css" />

</head>
<body>


<div id="main">
<!-- header begins -->
<div id="header">
   <div id="logo">
       <a href="#">metamorph_freecss</a>
         <h3><a href="#"><small>Company Slogan Goes Here</small></a></h3>
    </div>

   <div id="buttons"><div class="but_razd"></div>
      <a href="index.html" class="but"  title="">Home</a>
      <a href="blog.html" class="but" title="">Blog</a>
      <a href="gallery.html"  class="but" title="">Gallery</a>
      <a href="about_us.html"  class="but" title="">About us</a>
      <a href="contact_us.html" class="but" title="">Contact us</a>

    </div>
</div>
<!-- header ends -->
<div class="cont_top"></div>


<!-- content begins -->       
<div id="content">
      
      <div class="scrollable">
            <div class="items">
               <div class="item">
                  <div class="header1"></div>                                   
               </div> <!-- item -->

               <div class="item">
                   <div class="header2"></div>                  
               </div> <!-- item -->
               <div class="item">
                   <div class="header3"></div>                  
               </div> <!-- item -->
               
               <div class="item">
                   <div class="header4"></div>                  
               </div> <!-- item -->                  
               
            </div> <!-- items -->

         </div> <!-- scrollable -->
         <div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->         
          
                <div style="clear: both"></div>
      
      
    <div class="ram1_bg">
       <div class="ram1_top">
           <div style="height:15px"></div>
          <h1>Pellentesque commodo, mauris quis sodales faucibus</h1>
            <div style="height:5px"></div>

            <span class="span_b">Phasellus tortor metus, ullamcorper a tincidunt quis, fermentum id turpis. Pellentesque commodo, mauris quis sodales faucibus, dui lorem tincidunt purus, non egestas nibh nisi et leo. Donec feugiat tempus nibh vitae aliquam. Curabitur egestas ti   ncidunt lorem eget</span>
            <div style="height:5px"></div>
       </div>
    </div>
    <div class="ram1_bot">
       <div class="read_but"><a href="#">read more</a></div>
    </div>
    <div style="height:10px"></div>

   
    <div class="i_col_razd ">
       <div class="float_left" style="width: 295px">
           <img src="images/img12.jpg" class="img_l" alt="" /><b>Donec luctus luctus faucibus. </b>Mauris venenatis arcu vel urna imperdiet vitae malesuada urna aliquet. Morbi mi sapien, malesuada nec condimentum id, mattis eu lacus. Sed non dui vel ipsum
           <div style="height:20px">
               <a href="#" class="read">read more...</a>
           </div>
      </div>
      <div class="float_left" style="width: 30px; height: 10px;"></div>

      <div class="float_left" style="width: 318px">
           <img src="images/img13.jpg" class="img_l" alt="" /><b>Morbi mi sapien, malesuada </b>nec condimentum id, mattis eu lacus. Sed non dui vel ipsum gravida ultricies. Nulla imperdiet, nibh gravida placerat accumsan, elit turpis dictum
           <div style="height:20px">
               <a href="#" class="read">read more...</a>
           </div>
      </div>
      <div class="float_left" style="width: 30px; height: 10px;"></div>
      <div class="float_left" style="width: 300px">

          <img src="images/img14.jpg" class="img_l" alt="" /><b>Sed non dui vel ipsum  </b><br />
         ultricies. Nulla imperdiet, nibh gravida placerat accumsan, elit turpis dictum metus, nec euismod justo diam vitae ipsum.
          <div style="height:20px">
               <a href="#" class="read">read more...</a>
          </div>
      </div>
   
       <div style="clear: both"></div>
    </div>

    <div style="height:10px; width: 100px"></div>
    <div class="razd_v"></div>
    <div style="height:10px"></div>
   
    <div >
       <div  style="width: 658px;" class="float_left">
            <div class="ram2_bg">
                <div class="ram2_top">
               
                   <div  style=" height: 10px;"></div>
                   <h1>Pellentesque et dui lectus, quis tempus lorem</h1>

                    <div  style=" height: 5px;"></div>
                    <div class=" float_left" style="width: 410px">
                        <img src="images/img15.jpg" class="img_l" alt="" /><b>Donec luctus luctus faucibus. </b><br />
                        Mauris venenatis arcu vel urna imperdiet vitae malesuada urna aliquet. Morbi mi sapien, malesuada nec condimentum id, mattis eu lacus. Sed non dui vel ipsum
                    </div>
                    <div  style=" width: 15px; height:5px" class="float_left"></div>
                    <div class=" float_left" style="width: 196px">
                       <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Donec luctus luctus faucibus.</a><br />

                        <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Mauris venenatis arcu vel urna</a><br />
                        <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Morbi mi sapien, malesuada</a><br />
                        <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Condimentum id, mattis eu</a><br />
                        <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Sed non dui vel ipsum gravida </a><br />

                        <img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">Nulla imperdiet, nibh gravida </a><br />
                    </div>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div class="ram2_bot"></div>
        </div>

        <div class="float_left" style=" width:15px; height:5px"></div>
        <div class="float_left" style=" width:306px;">
           <h2>Company News</h2>
            <div style="height:5px"></div>
           &nbsp; &nbsp;<img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">12.01.2011</a><br />
            <b>Morbi mi sapien, malesuada </b><br />

         condimentum id, mattis eu lacus. Sed non dui vel
            <div style="height:10px"></div>
            <div class="razd_v"></div>
            <div style="height:10px"></div>
            &nbsp; &nbsp;<img src="images/fish1.gif" alt="" />&nbsp; &nbsp; <a class="a_bold" href="#">13.01.2011</a><br />
            <b>Morbi mi sapien, malesuada </b><br />
         condimentum id, mattis eu lacus. Sed non dui vel ipsum gravida ultricies. Nulla imperdiet, nibh gravida
           
        </div>

       
       
        <div style="clear: both;"></div>
    </div>
   
     
         
      <div style="clear: both; height: 1px;"></div>                 
</div>
<div class="cont_bot"></div>
    <!-- content ends -->
    <!-- bottom begin -->
<div style="height:20px"></div>
<div id="bottom">
   <div class="b_col1">
        <h2>Recent Posts</h2>

        <div style="height:5px"></div>
        <div class="razd_bot"></div>
        <div style="height:10px"></div>
        <b>Donec lobortis bibendum pellentesque.</b> Sed lobortis, arcu sit amet tempus interdum, dui sem convallis turpis, sed eleifend arcu urna sit amet lacus.<br /><br />

        <b>Nunc justo est, suscipit at laoreet vel,</b> placerat eget velit. Quisque iaculis facilisis dui, sed sagittis sapien aliquam tincidunt.

       
    </div>

    <div class="b_col2">
        <h2>Follow Us</h2>
        <div style="height:5px"></div>
        <div class="razd_bot"></div>
        <div style="height:10px"></div>
        <ul>
            <li><img src="images/fu_i1.gif" class=" fu_i" alt="" /><a href="#"><strong>Subscribe to Blog</strong></a></li>
            <li><img src="images/fu_i2.gif" class=" fu_i" alt="" /><a href="#"><strong>Be a fan on Facebook</strong></a></li>

            <li><img src="images/fu_i3.gif" class=" fu_i" alt="" /><a href="#"><strong>RSS Feed</strong></a></li>
            <li><img src="images/fu_i4.gif" class=" fu_i" alt="" /><a href="#"><strong>Follow us on Twitter</strong></a></li>
        </ul>
    </div>
   
   
    <div class="b_col3">
      <h2>Services</h2>
      <div style="height:5px"></div>

        <div class="razd_bot"></div>
        <div style="height:10px"></div>
        <ul>
            <li><a href="#"><strong>Lorem ipsum dolor</strong></a></li>
            <li><a href="#">Maecenas in turpis </a></li>
            <li><a href="#">Morbi fringilla libero</a></li>
            <li><a href="#">In venenatis metus vel </a></li>

            <li><a href="#">Donec cursus quam ac </a></li>
        </ul>
    </div>

  <div style="clear: both;"></div>
</div>
   
     <!-- bottom end -->
<!-- footer begins -->
            <div id="footer">
          Copyright  2011. Designed by <a href="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a><br />

                <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></div>
        <!-- footer ends -->
</div>



</body>
</html>


Ansonsten waren noch ein Ordner mit Bildern, ein paar HTML-Dateien (contact_us, gallery, blog, about_us und eben index), ein Textdokument mit einer Lizenz und ein Ordner "lib" mit 4 .js-Dateien.

Danke im Voraus!
Beitrag09.02.2011 um 18:01 (UTC)    
Titel:

Wie viele Threats möchtest du denn noch zu diesem Thema eröffnen? Du
hast doch schon 2, also führe diese bitte weiter und erstelle kein weiteres
Thema dazu. Wenn keiner schreibt, wir dir wohl auch keiner helfen können,
auch wenn du 30 Threats hast...
Beitrag09.02.2011 um 18:48 (UTC)    
Titel:

sorry, aber ich würde die alten ja löschen, wenn ich wüsste wie...
Beiträge der letzten Zeit anzeigen:   


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