Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.07.2011 um 07:55 (UTC)    
Titel: Design verändern

Hallo,

Ich hab einen Design von Poddi (Redstar Black). Ich hab schön einen Menü über edn Content un des reicht mir. Deswegen brauch ich auch nicht den Navigation Links wo Navigation steht, Neuigkeit und Partner das soll alles weg und statdessen soll mein Content etwas vreiter sein.

Hier sind meine Code:
Code:
<div id="design">
<div id="header">
<h1 class="hptitle"> </h1>
<h2 class="slogan"> </h2>
</div>

<div id="main">
<div id="menu">
<div id="menu_items">
<a href="news.htm">»  Startseite</a>
<a href="News-.ue.bermitteln.htm">»  News senden</a>
<a href="Forum.htm">»  Forum</a>
<a href="Login.htm">»  Login</a>
<a href="http://psking.de.tl/Regestrieren.htm">»  Regestrieren</a>
</div></div>

<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h2>Bitte wählen</h2>
<br />

<div id="box_items">
<a href="news.htm">»  Startseite</a>
<a href="News-.ue.bermitteln.htm">»  News senden</a>
<a href="Login.htm">»  Login</a>
<a href="http://psking.de.tl/Regestrieren.htm">»  Regestrieren</a>
<a href="#">»  Partner</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>Hier können deine Neuigkeiten über die Homepage stehen!!</p>
<br />
<h1>Partner</h1>
<h2>von Homepage</h2>
<br />
<div id="box_items">
<a href="#">»  Partner 1</a>
<a href="#">»  Partner 2</a>
<a href="#">»  Partner 3</a>
<a href="#">»  Partner 4</a>
<a href="#">»  Partner ...</a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>

<div id="ctop"></div>
<div id="subpage"><h1></h1></div>


Code:
<div id="cbottom"></div></div>
<div id="footer">
©Copyright 2010 by <a href="#">Homepage</a>.  - Design by <a href="http://www.poddi.de.tl/">Poddi</a></div>
</div>


/*Redstar Black - Copyright by www.Poddi.de.tl*/


/*VERSTECKT*/

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}

/*VERSTECKT ENDE*/



/*HINTERGRUND*/

body{
background: #000;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px;
}

/*HINTERGRUND ENDE*/



/*FORMATIERUNG*/
*{padding: 0;margin: 0;}

p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}

h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #dc0000;
}

h2{
margin: 0px;
font-size: 100%;
color: #000000;
}

a{
color: #a9ac99;
text-decoration: none;
outline: none;
}

a:hover{
color: #dc0000;
text-decoration: underline;
}



ul, li{
list-style-type: square;
}

hr{
height: 1px;
border: 0px dashed #ced2ba;
background-color: #ced2ba;
margin: 5px;
}

img{
border: 0px;
}

/*FORMATIERUNG ENDE*/



/*DESIGNCONTAINER*/

#design{
width: 900px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;
}

#main{
width: 900px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
background-repeat: repeat-y;
float: left;
clear.both;
}

/*DESIGNCONTAINER ENDE*/



/*HEADER*/

h1.hptitle{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 70px; margin-left: 180px;
color: #fff;
}

h2.slogan{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;
}

#header{
background-image: url(http://img.webme.com/pic/m/muchloads/ps-king-byml.jpg);
background-repeat: no-repeat;
width: 900px;
height: 159px;
color: #ffffff;
margin: 0px auto;
float: left;
clear:both;
margin-top: 0px;
}

/*HEADER ENDE*/



/*BOX*/

#box{
width: 200px;
color: #000;
float: left;
margin-left: 10px;
}

#btop{
width: 200px;
height: 25px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
color: #000;
float: left;
}

#bbg{
width: 180px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
color: #000;
float: left;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}

#bbottom{
width: 200px;
height: 5px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
color: #000;
float: left;
}

#box_items a:link,
#box_items a:visited,
#box_items a:hover {
font-weight: bold;
width: 159px;
height: 16px;
color:#a9ac99;
display:block;
padding: 3px;
border-bottom: 1px solid #ced2ba;
}

#box_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}

/*BOX ENDE*/



/*INHALTSBEREICH*/

#subpage{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}

#ctop{
width: 668px;
height: 25px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
margin-right: 10px;
}

#content{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}

#cbottom{
width: 668px;
height: 5px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
margin-right: 10px;
}

/*INHALTSBEREICH ENDE*/



/*MENU*/

#menu {
width: 858px;
height: 27px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
margin: 10px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
color: #000;
}


#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-weight: bold;
height: 16px;
color:#a9ac99;
display:block;
float: left;
border-right: 1px solid #bdbdbd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
}

#menu_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}

/*MENU ENDE*/



/*FOOTER*/

#footer{
width: 900px;
min-height: 11px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
color: #fff;
margin-bottom: 20px;
padding-top: 20px;
text-align: right;
float: left;
clear: both;
}

#footer a {
color: #fff;
text-decoration: underline;
}

#footer a:hover{
color: #dc0000;
text-decoration: underline;
}

/*FOOTER ENDE*/



/*WEITERES*/

input{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}

textarea{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}

input[type=submit]{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
cursor: pointer;
}

/*WEITERES ENDE*/



/*WERBUNG ZENTRIEREN*/

table[height="102"] {
margin:auto;
}

/*WERBUNG ZENTRIEREN ENDE*/
Code:


Kann mri jemand helfen?
Beitrag31.07.2011 um 18:03 (UTC)    
Titel:

Zuerst kannst du diesen Code entfernen
Code:
<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h2>Bitte wählen</h2>
<br />

<div id="box_items">
<a href="news.htm">»  Startseite</a>
<a href="News-.ue.bermitteln.htm">»  News senden</a>
<a href="Login.htm">»  Login</a>
<a href="http://psking.de.tl/Regestrieren.htm">»  Regestrieren</a>
<a href="#">»  Partner</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>Hier können deine Neuigkeiten über die Homepage stehen!!</p>
<br />
<h1>Partner</h1>
<h2>von Homepage</h2>
<br />
<div id="box_items">
<a href="#">»  Partner 1</a>
<a href="#">»  Partner 2</a>
<a href="#">»  Partner 3</a>
<a href="#">»  Partner 4</a>
<a href="#">»  Partner ...</a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>


Dann hier
Code:
/*INHALTSBEREICH*/

#subpage{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}

#ctop{
width: 668px;
height: 25px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
margin-right: 10px;
}

#content{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}

#cbottom{
width: 668px;
height: 5px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
margin-right: 10px;
}
 


wo width: 668px steht 870px hinschreiben und 638px zu 840px. Dann musst du die Breiten der Bilder auch noch die jeweiligen Größen ändern. Sollte eigentlich schon reichen. Wenn nicht sag es Wink
______________
Gruß Pexxi
Beitrag01.08.2011 um 09:05 (UTC)    
Titel:

Hallo,

Danke, aber ohne diesen Rand sieht es nicht gut aus.
Beitrag01.08.2011 um 10:22 (UTC)    
Titel:

Welchen Rand ? Den um den Content ?
Hab ich doch geschrieben, dass du die Bilder vergrößern musst. Ich habe nicht entfernen gesagt Wink
Beitrag01.08.2011 um 10:27 (UTC)    
Titel:

Nein,
Ich meine ohne diesen Navigation Links sieht es nicht so gut aus.
Beitrag01.08.2011 um 15:28 (UTC)    
Titel:

Aber das wolltest du doch oder ?

Oder hast du jetzt festgestellt, dass es so nicht gut aussieht ? In diesem Fall kann geclosed werden
______________
Gruß Pexxi
Beitrag01.08.2011 um 18:26 (UTC)    
Titel:

Zuerst hab cih gedacht das würde gut aussehen, und als ich des gemacht hab sah es gerade nicht so schön aus.
Beitrag01.08.2011 um 22:19 (UTC)    
Titel:

Okay, danke für die Rückmeldung. Kann geclosed werden Wink
______________
Gruß Pexxi
Beiträge der letzten Zeit anzeigen:   


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