Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.05.2010 um 16:00 (UTC)    
Titel: CSS Code Hilfe

Ich hab mir per ThemeStudios ein Design erstellt es zeigt aber voll komisch an.

Der Code:

<div id='themestudio_top'>
<div id='themestudio_header'></div>
<div id="themestudio_nav">
<div id='themestudio_navlinks'>
<ul>

<li><a target='_blank' href='http://gfxmaker.de.tl/home.htm'>Home</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/GFXMAKER.htm'>Gfxmaker</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/News.htm'>News</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/GFX.htm'>Gfx</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/Designs.htm'>Designs</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/G.ae.stebuch.htm'>Gästebuch</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/Youtube.htm'>Youtube</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/Kontakt.htm'>Kontakt</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/Partner.htm'>Partner</a></li>

<li><a target='_blank' href='http://gfxmaker.de.tl/Link-me.htm'>Link me</a></li>

</ul>
</div>
</div>
</div>
<div id="themestudio_main">
<div id='themestudio_float'>

<div id='themestudio_content'>









</div>
<div id='themestudio_sidebar'></div>

</div>
</div>
<div id='themestudio_bottom'>
<div id='themestudio_footer'>

<div style='float: right; padding: 5px;'>
<a href='http://themestudio.de'>ThemeStudio</a> |
<a href='http://www.gfxmaker.de.tl/Impressum.htm'>Impressum</a> | <a href='www.dasgrafikblatt.de.tl'>Das GB</a> | <a href='http://www.gfxmaker.de.tl'>© by GFXMAKER</a> |
</div>

</div>
</div>









/*-- !! Dieser Abschnitt darf nicht entfernt werden, oder veraendert werden. !! --*/


/*
THEMESTUDIO.DE
_________________________
Dieses Design wurde mithilfe des Design-Creators von www.ThemeStudio.de erstellt.
Es darf nur solange verwendet werden solange dieser Abschnitt zusehen ist.
Im Fussbereich (falls vorhanden) wird zusaetzlich ein Link gesetzt. Auch dieser darf nicht entfernt werden.
Sollte kein Fussbereich vorhanden sein, so muss der Banner von ThemeStudio im Impressum der Seite wo dieses Design
verwendet wird, angezeigt werden.
*/

/*-- !! Ab hier duerfen Sie den Design-Code wieder anpassen !! --*/


body
{

background-image: url(http://img.webme.com/pic/g/gfxmaker/body.png);
background-color: 808080;
background-repeat: no-repeat;
font-size: 14px;
color: #000000;
font-family: Comic Sans MS;
padding: 0;
margin: 0;
}



#browser_top
{

margin-top: 100px;

}

#themestudio_main
{
width: 1363px;
margin: auto;
}

#themestudio_float
{
width: 1363px;
float: left;
}

#themestudio_nav
{
background-image: url(http://img.webme.com/pic/g/gfxmaker/nav1.png);
background-color: xxxxxx;
width: 1363px;
height: 47 px;
float: left;
margin: auto;


border: 0px solid #000000;


}


#themestudio_nav li
{
display: inline;
margin-left: 10px;
padding-right: 10px;
}

#themestudio_nav ul
{
margin: 0;
padding: 0;
}


#themestudio_nav a
{
color: #FFFFFF;
font-size: 14px;
font-family: Arial;
text-decoration: none;
}

#themestudio_nav a:hover
{
color: #0548FF;
text-decoration: underline;
}


#themestudio_navlinks
{

position: relative;
left: 10px;
top: 10px;

}

#themestudio_top
{
width: 1363px;
margin: auto;
}


#themestudio_header
{
background-image: url(http://img.webme.com/pic/g/gfxmaker/hd.png);
background-color: B4754B;
width: 1363px;
height: 124px;
float: left;
margin: auto;

border: 0px solid #000000;

}



#themestudio_content
{
width: 1343px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/g/gfxmaker/contect.png);
padding: 10px;

float: left;
position: relative;
left: 0px;
top: 0px;


border: 0px solid #000000;

min-height: 446px;


}



#themestudio_bottom
{
width: 1363px;
margin: auto;
}

#themestudio_footer
{
float: left;
width: 1363px;
height: 52px;
background-image: url(http://img.webme.com/pic/g/gfxmaker/footer12.png);
background-color: B4754B;


border: 0px solid ;

}

Dank für die Hilfe
______________
Beitrag08.05.2010 um 16:58 (UTC)    
Titel:

Also mal schaun:

Dass z.B dein Content so komisch dargestellt wird, liegt daran, dass du ihn an der falschen Stelle einträgst.

Der Inhalt deiner Seite kommt in
Code:
<div id="themestudio_main">Inhalt hier einfügen </div>


Bevor ich dir jetzt aber im einzelnen erkläre wo du was einfügen musst:
So wie ich das sehe, kannst du mit dem Design von ThemeStudio nur eine Seite anzeigen (also z.B Home), da der Content nicht variabel ist.

Man müsste also den Code etwas umbauen und soooo gut bin ich mit CSS nicht, dass ich dir das machen kann, sorry.

Edit:
Ich werd mal versuchen dein Design nachzubauen, aber versprechen kann ich nichts.

Preview:
http://www.badnet.de.tl
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 08.05.2010, 22:41, insgesamt 2-mal bearbeitet
Beitrag09.05.2010 um 18:30 (UTC)    
Titel:

Ich denke ich hab alles soweit:

Text über dem Design:
Achtung: Es sind noch nicht alle Links eingetragen!
Code:

<div id="container">
<div id="header">
</div>
</div>

<div id="navigation">
<div id="navigation li">
<ul>
<li><a href="http://gfxmaker.de.tl/Home.htm">Home</a> </li>
<li><a href="http://gfxmaker.de.tl/GFXMAKER.htm">GFXmaker</a> </li>
<li><a href="http://gfxmaker.de.tl/News.htm">News</a> </li>
<li><a href="http://gfxmaker.de.tl/GFX.htm">GFX</a> </li>
</ul>
</div>
</div>

Neue Menuepunkte fügst du ein, in dem du diesen Code verwendes:
Code:
<li><a href="Adresse der Seite">Anzeigename</a> </li>


Hinweis unter dem Inhaltsbereich:
Code:
<a href="http://www.gfxmaker.de.tl/Impressum.htm">Impressum</a> - <a href="http://gfxmaker.de.tl/www.dasgrafikblatt.de.tl">Das GB</a> - <a href="http://www.gfxmaker.de.tl/">© by GFXmaker</a> - <a href="http://www.badweb.de.tl">Code by BadWeb</a>


Css-Code ohne Styletags:
Code:
body {
background-image: url(http://img.webme.com/pic/g/gfxmaker/body.png);
background-repeat: repeat-x;
background-color: #808080;
margin: auto;
paddinh: 0;
width: 1361px;
}

a {
color: #808080;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#container {
margin: auto;
width: 1361px;
background-color: #ffffff;
}

#header {
float: left;
width: 1361px;
height: 125px;
background-image: url(http://img.webme.com/pic/g/gfxmaker/hd.png);
background-repeat: no-repeat;
}

#header_container {
display: none;
}

#navigation {
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
float: left;
width: 1361px;
height: 27px;
background-image: url(http://img.webme.com/pic/g/gfxmaker/nav1.png);
background-repeat: no-repeat;
}



#navigation a {
color: #FFFFFF;
font-size: 14px;
font-family: Arial;
text-decoration: none;
}

#navigation a:hover
{
color: #0548FF;
text-decoration: underline;
}

#navigation li {
display: inline;
margin-left: 10px;
padding-right: 10px;
}

#navigation ul {
margin: 0;
padding: 0;
}

#content {
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
width: 1341px;
background-color: #ffffff;
padding: 10px;
float: left;
min-height: 446px;
}

#below_content {
font-family: sans-serif;
font-size: 14px;
color: #fff;
float: left;
width: 1361px;
height: 62px;
background-image: url(http://img.webme.com/pic/g/gfxmaker/footer12.png);
background-repeat: no-repeat;
color: #fff;
text-align: center;
padding-top: 10px;
}

#nav_container {display: none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}


Ich hoffe es funktioniert einwandfrei (zumindest bei mir tut es das), wenn nicht melde dich bei mir.
Wie gesagt, ich bin selbst noch anfänger in CSS und HTML, also bitte erwarte nicht all zu viel.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 09.05.2010, 19:33, insgesamt einmal bearbeitet
Beitrag10.05.2010 um 11:21 (UTC)    
Titel: Danke an Badweb

Vieöen Dank.
Echt Super
______________
Beitrag04.06.2010 um 13:11 (UTC)    
Titel:

Auch wenn dieser Thread eigentlich schon erledigt ist muss ich dazu einfach noch etwas schreiben.

Das ganze ist in Theme Studio noch ein kleiner Bug. Man hätte eigtl. nur beim CSS Code bei #themestudio_content dieses zu #content machen müssen. Anschließend müsste man bei "Text über Design" das <div id="themestudio_content"> weg machen und bei "Text unter Design" ganz am anfang das </div> ebenfalls löschen müssen. Entschuldige für dieses Problem.

Ich werde das nun beheben, zum Glück habe ich es so bemerkt.

mfg
______________
Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung!
Beiträge der letzten Zeit anzeigen:   


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