Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.07.2009 um 15:58 (UTC)    
Titel: Suche jemand der mir ein Design coded!

Könnte Mir jemand dieses design coden? ..
Hab keine ahnung davon..Confused

http://i30.tinypic.com/2ez5hmc.jpg/

also ..
wenn msn auf GFX klickt soll so eine kleine liste mit den untertiteln "liebe; hass ; freundschaft; anderes" runterscrollen ..
bei EXTRAS das selbe .. nur halt mit "upload; thema der woche"

unter dem design soll ein player sein, wo die musik weiterläuft auch wenn man von zb GFX aufs gästebuch klickt..

kann mir da vielleicht jemand weiterhelfen?
Lg.
Beitrag15.07.2009 um 18:32 (UTC)    
Titel:

darfst du das design denn überhaupt benutzen?
Beitrag16.07.2009 um 07:58 (UTC)    
Titel:

freewebresources hat Folgendes geschrieben:
darfst du das design denn überhaupt benutzen?


Klar, Hustler51 ist bei mir im Team Smile.
Beitrag16.07.2009 um 17:53 (UTC)    
Titel:

ich hab das mal zusammen gebastelt, hoffe du brauchst es noch

CSS-Code
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{display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title{display: none;}
 #content{display: none;}


/*..:::Coded by freewebresources:::..
Das © darf nicht entfernt werden!!!*/

/*Body*/

body {
 background-color:#000000;
}

/*Schriftformatierungen*/

h1{
color: #9200c2;
}

h2 {
color: #333333;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}

h4 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
}

p {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

p.small {
font-size:10px;
}

/*Links*/

a {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

a.hover {
background-color:#000000
}


/*Gerüst*/

#container {
   algin: center;
   height: 704px;
   width: 1024px;
   padding-top:inherit;
   padding-right:inherit;
   padding-left:inherit;
   padding-bottom:inherit;
   margin-left: 5%;
}

#header {
 float: top;
 background-image:url(http://img3.imagebanana.com/img/vdf2xjcd/Unbenannt5_03.gif);
 height: 185px;
 width: 722px;
 margin-left: 161px;
 }

#left {
 float: left;
 background-image:url(http://img3.imagebanana.com/img/zvcfnrn3/Unbenannt5_02.gif);
 width: 161px;
 height: 704px;
 }

#right {
 float: right;
 background-image:url(http://img3.imagebanana.com/img/qwqlmhmd/Unbenannt5_04.gif);
 width: 141px;
 height: 704px;
 }
 
#content1 {
 background-image:url(http://img3.imagebanana.com/img/ndvywb9/Unbenannt5_12.gif);
 margin-left: 161px;
 height: 425px;
 width: auto;
 padding-left: 15px;
 padding-top: 20px;
 algin: left;
}


#navigation {
 height: 54px;
 width: 722px;
 background-color:#00FF00;
 margin-left: 161px;
 }

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
z-index: 200;
}

#menue .aussen {
   float: left;
   display: block;
   width:auto;
   overflow: hidden;
   height: 54px;
   font-weight: bold;
   text-align: center;
   background-color: #000000;
}
#menue .aussen:hover {
   height: auto;
   background-color: #000000;
}

/*home*/

a.home-1 {
margin-top: 2px;
}
a.home,
a.home-1 {
   display: block;
   padding: 2px 0;
   width: 125px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.home,
a:visited.home-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.home,
a:hover.home-1 {
   background-color: #101010;
   color: #999999;
}


/*GFX*/

a.gfx-1 {
margin-top: 2px;
}
a.gfx,
a.gfx-1 {
   display: block;
   padding: 2px 0;
   width: 94px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.gfx,
a:visited.gfx-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.gfx,
a:hover.gfx-1 {
background-color: #101010;
color: #999999;
}


/*Extras*/

a.extra-1 {
margin-top: 2px;
}
a.extra,
a.extra-1 {
   display: block;
   padding: 2px 0;
   width: 88px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.extra,
a:visited.extra-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.extra,
a:hover.extra-1 {
background-color: #101010;
color: #999999;
}

/*Partner*/

a.partner-1 {
margin-top: 2px;
}
a.partner,
a.partner-1 {
   display: block;
   padding: 2px 0;
   width: 94px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.partner,
a:visited.partner-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.partner,
a:hover.partner-1 {
background-color: #101010;
color: #999999;
}

/*Team*/

a.team-1 {
margin-top: 2px;
}
a.team,
a.team-1 {
   display: block;
   padding: 2px 0;
   width: 88px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.team,
a:visited.team-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.team,
a:hover.team-1 {
background-color: #101010;
color: #999999;
}

/*Download*/

a.download-1 {
margin-top: 2px;
}
a.download,
a.download-1 {
   display: block;
   padding: 2px 0;
   width: 100px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.download,
a:visited.download-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.download,
a:hover.download-1 {
   background-color: #101010;
   color: #999999;
}


/*Gästebuch*/

a.gaestebuch-1 {
margin-top: 2px;
}
a.gaestebuch,
a.gaestebuch-1 {
   display: block;
   padding: 2px 0;
   width: 133px;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid #761a80;
   background-color: #090909;
   color: #999999;
   margin-left
   z-index: 400;
   font-family:Arial, Helvetica, sans-serif;
}
a:visited.gaestebuch,
a:visited.gaestebuch-1 {
   background-color: #333333;
   color:#CCCCCC;
}
a:hover.gaestebuch,
a:hover.gaestebuch-1 {
   background-color: #101010;
   color: #999999;
}

.menutag {
display: block;
cursor: default;
}
/*Boxen*/

div.box {
   width:180px;
   background-color:#161616;
   float:right;
}

div.boxhead {
background-image:url(http://img3.imagebanana.com/img/be4a0tg2/boxhead.gif);
background-repeat:no-repeat;
height:31px;
width:180px;
float: top;
padding-top: 5px;
padding-left: 30px;
font-size:14px;
font-family:"Courier New", Courier, monospace;
color:#990099
}


/*Coded by freewebresources*/


bei Eigene Seite editieren im Quellcode:

Code:
               <div id="container">
<div id="left">&nbsp;</div>
<div id="right">&nbsp;</div>
<div id="header">&nbsp;</div>
<div id="navigation">
<div id="menuebox">
<div id="menue">
<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/sk5dmre4/Unbenannt5_05.gif" alt="" /></span> <a href="#" class="home-1">Link1</a> <a href="#" class="home">Link2</a> <a href="#" class="home">Link3</a></div>
</div>

<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/uag58ctu/Unbenannt5_06.gif" alt="" /></span> <a href="#" class="gfx-1">Link1</a> <a href="#" class="gfx">Link2</a> <a href="#" class="gfx">Link3</a> <a href="#" class="gfx">Link4</a> <a href="#" class="gfx">Link5</a> <a href="#" class="gfx">Link6</a></div>
</div>
<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/fqq10c6w/Unbenannt5_07.gif" alt="" /></span> <a href="#" class="extra-1">Link1</a> <a href="#" class="extra">Link2</a> <a href="#" class="extra">Link3</a></div>
</div>

<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/bwim63oc/Unbenannt5_08.gif" alt="" /></span> <a href="#" class="partner-1">Link1</a> <a href="#" class="partner">Link2</a></div>
</div>
<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/kkr9zkt/Unbenannt5_09.gif" alt="" /></span> <a href="#" class="team-1">Link1</a> <a href="#" class="team">Link2</a></div>
</div>
<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/8rv177hf/Unbenannt5_10.gif" alt="" /></span> <a href="#" class="download-1">Link1</a> <a href="#" class="download">Link2</a></div>
</div>
<div class="aussen">
  <div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/v0kwwlm4/Unbenannt5_11.gif" alt="" /></span> <a href="#" class="gaestebuch-1">Link1</a> <a href="#" class="gaestebuch">Link2</a></div>
</div>
</div>
<div align="center">
  <!-- menue -->
</div>
</div>
</div>
<div id="content1">
<div class="box">
<div class="boxhead">
  <div align="center">rechte Box</div>
</div>
<p align="center">
<div align="center">
  <table width="0" height="144" border="0">
    <tbody>
      <tr>
        <td width="163" valign="top" height="140" align="center">
          <p>Hallo, ich bin eine rechte Box...</p>
   
            <p>ich bin ein kleines feature...</p>
                <p>&nbsp;</p>                </td>
            </tr>
      </tbody>
  </table>
  </p>
</div>
<p align="center">&nbsp;</p>
</div>
<h1 align="center">&Uuml;berschrift1</h1>

<h2>&Uuml;berschrift2</h2>
<h3>&Uuml;berschrift3</h3>
<h4>&Uuml;berschrift4</h4>
<p>Dein Text</p>
<p class="small">kleiner Text</p>
<div><a href="#">Link</a></div>
</div>
</div>
                    <div>
                      <!--Codet by freewebresources       
      xxX RIP = R.I.P Xxx-->   


du solltest sicherheitshalber die bilder nochmal hochladen über homepagebaukasten......

um das mit der musik,die weiterläuft, umzusetzen müsstest du die ganze seite in einen iframe machen und auserhalb des iframes die musik setzen...


Zuletzt bearbeitet von freewebresources am 16.07.2009, 20:37, insgesamt 3-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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