Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.01.2013 um 16:03 (UTC)    
Titel: CSS code einfügen klappt nicht?

Hi,

ich habe im internet ein design gefunden was mir gefallen hat. Nun habe ich den CSS code und will ihn in ''Text über dem design'' einfügen und es klappt leider nicht, kann mir wer bitte helfen?

Hier ist der code : html, body
{
height: 100%;
}

body
{
margin: 0px;
padding: 0px;
background: #F9D27E url(images/img01.png) repeat;
font-family: 'Archivo Narrow', sans-serif;
font-size: 11pt;
color: #727272;
}

h1, h2, h3
{
margin: 0;
padding: 0;
font-family: 'Archivo Narrow', sans-serif;
font-weight: 200;
color: #464646;
}

p, ol, ul
{
margin-top: 0px;
}

p
{
line-height: 180%;
}

strong
{
}

a
{
color: #B30100;
}

a:hover
{
text-decoration: none;
}

a img
{
border: none;
}

img.border
{
}

img.alignleft
{
float: left;
}

img.alignright
{
float: right;
}

img.aligncenter
{
margin: 0px auto;
}

hr
{
display: none;
}

/** WRAPPER */

#wrapper
{
overflow: hidden;
width: 940px;
padding: 40px;
background: #FFFFFF;
}

.container
{
width: 1020px;
margin: 0px auto;
}

.clearfix
{
clear: both;
}

/** LIST STYLE */

ul.style1
{
overflow: hidden;
margin: 0em;
padding: 0em;
list-style: none;
}

ul.style1 li
{
clear: both;
padding: 1em 0em 1em 0em;
border-top: 1px solid #CFCFCF;
}

ul.style1 p
{
}

ul.style1 a
{
text-decoration: none;
color: #909090;
}

ul.style1 a:hover
{
text-decoration: underline;
}

ul.style1 img
{
float: left;
margin-right: 1.5em;
border-radius: 5px;
}

ul.style1 .first
{
padding-top: 0;
border-top: none;
}

ul.style1 .date a
{
margin: 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #494949;
}


/** HEADER */

#header
{
overflow: hidden;
}

/** LOGO */

#logo
{
}

#logo h1, #logo p
{
margin: 0px;
line-height: normal;
text-align: center;
text-transform: uppercase;
}

#logo h1 a
{
display: block;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
text-decoration: none;
font-size: 2.75em;
font-weight: 200;
color: #25282B;
}

#logo p {
padding: 0px 0px 30px 0px;
font-size: 1.50em;
}

/** MENU */

#menu
{
overflow: hidden;
border-bottom: 1px solid #E3E3E3;
}

#menu ul
{
margin: 20px 0px;
padding: 0px;
list-style: none;
line-height: normal;
text-align: center;
}

#menu li
{
display: inline-block;
padding: 0px 25px;
border-left: 1px solid #E3E3E3;
}

#menu a
{
display: block;
height: 50px;
line-height: 50px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.25em !important;
color: #5C5C5C;
}

#menu a:hover
{
text-decoration: underline;
}

#menu .first
{
border-left: none;
}

/** PAGE */

#page
{
overflow: hidden;
padding: 40px 0px;
}

/** CONTENT */

#content
{
float: left;
width: 600px;
}

#content h2
{
padding: 0em 0em 1em 0em;
font-size: 2.25em;
}

#content img {
padding-bottom: 30px;
}

/** SIDEBAR */

#sidebar
{
float: right;
width: 300px;
}

#sidebar h2
{
padding: 0em 0em 1em 0em;
font-size: 1.75em;
}

/* Footer */

#footer
{
overflow: hidden;
background: #25282B;
padding: 40px 0px 30px 0px;
color: #868686;
}

#footer p
{
text-align: center;
font-size: 14px;
}

#footer a
{
color: #AEAEAE;
Beitrag09.01.2013 um 16:21 (UTC)    
Titel:

da es ein css-code ohne styletags ist muss der natürlich auch bei "css-code ohne styletags" eingefügt werden, also stelle dein design um auf css-design bei

"Design einstellen" in deiner Profilnavigation
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag09.01.2013 um 16:27 (UTC)    
Titel:

oke hab ich gemacht. jetz sieht es so aus... (siehe meine hp)
Beitrag09.01.2013 um 16:30 (UTC)    
Titel:

Richtig!

Denke auch daran, dass der Code für den Homepage-Baukasten sein muss, da bin ich mir bei deinem nicht sicher.

Wenn dieses Design nicht für den HPBK optimiert ist empfehle ich folgende Seiten.

http://www.ombadesign.de
http://www.hpbk-templateworld.de.tl


MFG
Beatzer
______________
Mit freundlichen Grüßen,
Beatzer



Tutorials für den HpBk | Designs für den HpBk | Dein Wunsch-Design, komplett kostenlos
Smileys im Gästebuch ändern | Text mit Rahmen | Spoiler erstellen | Seite drucken | Text mit Schatten
Beitrag09.01.2013 um 16:36 (UTC)    
Titel:

Ok vielen dank für die empfehlten Seiten, werde ich mir aufjedenfall anschauen! Smile
Beitrag09.01.2013 um 16:37 (UTC)    
Titel:

Beitrag09.01.2013 um 16:37 (UTC)    
Titel:

Edit : kennst du dich damit aus? ich habe gerade probleme und schaffe das nich für mich zu optimieren Sad
Beitrag09.01.2013 um 17:05 (UTC)    
Titel:

Ja kann ich dir gerne helfen. Ist nicht besonders schwer.

Zu dem Menü;
Du musst die # durch die URL der Seite austauschen, müsste bei Text über dem Design stehen (Da wo du die Namen geändert hast).


Weitere Frage musst du mir stellen, da ich ja nicht weiß was genau du noch möchtest.
______________
Mit freundlichen Grüßen,
Beatzer



Tutorials für den HpBk | Designs für den HpBk | Dein Wunsch-Design, komplett kostenlos
Smileys im Gästebuch ändern | Text mit Rahmen | Spoiler erstellen | Seite drucken | Text mit Schatten
Beitrag09.01.2013 um 17:12 (UTC)    
Titel:

Oh ja das hat geklappt vielen dank Smile.
1. Bei mir sind jetzt, z.b die überschriften nur in kleinschrift obwohl es nicht so war, wie kann ich das ändern?

2. wie ändere ich generell Farben, Hintergrund, Header und Logo?
Beitrag09.01.2013 um 17:30 (UTC)    
Titel:

Logo
Probiere mal anstelle von a-t-d was du selbst geschrieben hast diesen Code
Code:
<img src="Bild Adresse" alt="" />

Die Bildadresse bekommst du wenn du auf einem gewählten Bild rechtsklick machst und dann "Bild-URL kopieren" wählst. (Der Satz kann je nach Browser anderes formuliert sein)

Header
Sieht mir so aus als hätte es keinen Header, dass obere ist wohl der allgemeine Hintergrund.

Hintergrund
Den müsste man auch mit einer Bildadresse ändern können. Zu finden ist es sicher bei CSS-Code ohne Style Tags. Wenn nicht musst du mir mal den Code zeigen.

Zu Header und Hintergrund:
Es kann auch sein, dass der Hintergrund nur die Farbe ist un der Header das Muster oben.


Was du mit Schrift meinst weiß ich leider nicht Sad

Und Achtung, man sieht das Copyright nicht warum weiß ich ebenfalls nicht wie gesagt, am besten sendest du mal den Code.

Nutze dazu im Forum bitte oben den Button Code
______________
Mit freundlichen Grüßen,
Beatzer



Tutorials für den HpBk | Designs für den HpBk | Dein Wunsch-Design, komplett kostenlos
Smileys im Gästebuch ändern | Text mit Rahmen | Spoiler erstellen | Seite drucken | Text mit Schatten
Beitrag09.01.2013 um 17:37 (UTC)    
Titel:

<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://omba.pf-control.de/templates/erasure/style.css" />

<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name : Erasure
Description: A two-column, fixed-width design with a dark color scheme.
Version : 1.0
Released : 20120205
-->

<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">A-T-D</a></h1>
<h2>Wake Up!</h2>
</div>
<div id="menu">
<ul>
<li class="first current_page_item"><a href="http://we-r-atd.de.tl/Startseite.htm">Startseite</a></li>
<li><a href="http://we-r-atd.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://we-r-atd.de.tl/Support.htm">Support</a></li>
<li><a href="http://we-r-atd.de.tl/Was-ist-A_T_D--f-.htm">Was ist A-T-D?</a></li>
<li><a href="http://we-r-atd.de.tl/Bewerben.htm">Bewerben</a></li>
</ul>
<br class="clearfix" />
</div>
</div>
<div id="page">
Zitat:



(text über dem design)

<div id="sidebar">

Copyright (c) 2013 we-r-atd.de.tl. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">FCT</a>. Coding for HPBK by <a href="http://www.omba.de.tl/">Omba</a>.
</div>


(text unter dem design)



/* Code by Omba.de.tl */

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

#nav {display:none;}
h2#title{display:none;}
h1#header {display:none;}
#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
#counter{display:none;}



(css code ohne style tags)
Beitrag09.01.2013 um 18:13 (UTC)    
Titel:

Ich hoffe es hilft dir ein wenig weiter. Zum Hintergrund habe ich jetzt leider nichts, dass Design ist meiner Meinung nach schwer aufgebaut.


Text über dem Design:
Code:
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://omba.pf-control.de/templates/erasure/style.css" />

<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Erasure
Description: A two-column, fixed-width design with a dark color scheme.
Version    : 1.0
Released   : 20120205
-->

<div id="wrapper">
        <div id="header">
                <div id="logo">
                        <h1><a href="http://we-r-atd.de.tl">a-t-d</a></h1>
                        <h2>wake up!</h2>
                </div>
                <div id="menu">
                        <ul>
                               <li class="first current_page_item"><a href="http://we-r-atd.de.tl/Startseite.htm">Startseite</a></li>
<li><a href="http://we-r-atd.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://we-r-atd.de.tl/Support.htm">Support</a></li>
<li><a href="http://we-r-atd.de.tl/Was-ist-A_T_D--f-.htm">Was ist A-T-D?</a></li>
<li><a href="http://we-r-atd.de.tl/Bewerben.htm">Bewerben</a></li>
</ul>
                        <br class="clearfix" />
                </div>
        </div>
        <div id="page">


Text unter dem Design:
Code:
                      </ul>
                </div>
                <br class="clearfix" />
        </div>
</div>
<div id="footer">
        Copyright (c) 2012 <a href="http://we-r-atd.de.tl">we-r-atd.de.tl</a>. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">FCT</a>. Coding for HPBK by <a href="http://www.omba.de.tl/">Omba</a>.
</div>


CSS-Code ohne Style Tags:
Code:
/* Code by Omba.de.tl */

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

#nav {display:none;}
h2#title{display:none;}
h1#header {display:none;}
#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
#counter{display:none;}

#webme_footer_textlink_dont_hide {
color: white;
background-color: #003333;
}
Beitrag09.01.2013 um 18:19 (UTC)    
Titel:

Ja hat geholfen, dankeschön Smile. Kennst du vielleicht jemanden der Logo's kostenlos nach bedarf erstellt? habe schon jemanden gefragt aber wer weiß ob er mir je zurückschreibt, er hat nich bestätigt dass er macht :/
Beitrag09.01.2013 um 18:29 (UTC)    
Titel:

Beitrag09.01.2013 um 18:30 (UTC)    
Titel:

Cool! hättest du aber auch wirklich lust drauf? musst du nich Smile
Beiträge der letzten Zeit anzeigen:   


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