Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.04.2009 um 13:44 (UTC)    
Titel: was habe ich falsch gemacht

ich hab ein css design von http://templates.arcsin.se/ genommen,
dazu meine erste frage: gehen solche designs überhaubt beim homepage baukasten?
so dann habe ich es bei csscode ohne styl tags eingefügt, danach habe ich die bilder hochgeladen und so weiter habe den code in das design eingefügt und wie ich sehe sehe ich nix von den gfrafiken?!
Was habe ich falsch gemacht?
hier der code:
Zitat:

/*
Template name: Indigo
Template URI: http://templates.arcsin.se/indigo-website-template/
Release date: 2006-07-27
Description: A lightweight, simple and pleasant design.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #F70;
}
a:hover {
color: #C60;
}
body {
background: #0094D6 url(<img src="http://img.webme.com/pic/w/wrg2/bg.gif" alt="" />) repeat-x;
color: #466;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url(<img src="http://img.webme.com/pic/w/wrg2/bgcode.gif" alt="" />);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(<img src="http://img.webme.com/pic/w/wrg2/quote.gif" alt="" />) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #06C;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}

/* structure */
.container {
background: url(<img src="http://img.webme.com/pic/w/wrg2/topleft.gif" alt="" />) no-repeat;
}

.header {
height: 92px;
}

/* title */
.title {
float: left;
padding: 28px 0 0 76px;
}
.title h1 {
color: #FFF;
font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
float: left;
height: 92px;
margin-left: 24px;
padding: 0 16px;
}
.navigation a {
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
margin-top: 56px;
padding: 8px 18px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #4A91C3;
color: #FFF;
}

/* main */
.main {
background: #FFF url(
<img src="http://img.webme.com/pic/w/wrg2/bgmain.gif" alt="" />) no-repeat;
clear: both;
padding: 12px 12px 0 52px;
}

/* main left */
.sidenav {
float: left;
width: 24%;
}
.sidenav h1 {
border-bottom: 1px dashed #DDD;
color: #E73;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
.sidenav ul {
margin: 0;
padding: 0;
}
.sidenav li {
border-bottom: 1px dashed #EEE;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 18px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
background: url(<img src="http://img.webme.com/pic/w/wrg2/nav_li.gif" alt="" />) no-repeat;
}

/* content */
.content {
float: left;
margin-right: 4%;
width: 69%;
}
.content .descr {
color: #C60;
margin-bottom: 6px;
}
.content li {
list-style: url(<img src="http://img.webme.com/pic/w/wrg2/li.gif" alt="" />);
margin-left: 18px;
}

/* search form */
.styled {
border: 3px double #E5E5E5;
padding: 2px 3px;
}
.button {
border: 1px solid #AAA;
margin-left: 5px;
padding: 2px 3px;
}

/* footer */
.footer {
background: #0094D6 url(<img src="http://img.webme.com/pic/w/wrg2/bgfooter.gif" alt="" />) repeat-x;
color: #C1DEF0;
font-size: 1.1em;
line-height: 40px;
text-align: center;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}


und dann hab ich es so versucht:
Zitat:
/*
Template name: Indigo
Template URI: http://templates.arcsin.se/indigo-website-template/
Release date: 2006-07-27
Description: A lightweight, simple and pleasant design.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #F70;
}
a:hover {
color: #C60;
}
body {
background: #0094D6 url("http://img.webme.com/pic/w/wrg2/bg.gif") repeat-x;
color: #466;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url("http://img.webme.com/pic/w/wrg2/bgcode.gif");
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url("http://img.webme.com/pic/w/wrg2/quote.gif") no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #06C;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}

/* structure */
.container {
background: url("http://img.webme.com/pic/w/wrg2/topleft.gif") no-repeat;
}

.header {
height: 92px;
}

/* title */
.title {
float: left;
padding: 28px 0 0 76px;
}
.title h1 {
color: #FFF;
font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
float: left;
height: 92px;
margin-left: 24px;
padding: 0 16px;
}
.navigation a {
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
margin-top: 56px;
padding: 8px 18px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #4A91C3;
color: #FFF;
}

/* main */
.main {
background: #FFF url(
"http://img.webme.com/pic/w/wrg2/bgmain.gif") no-repeat;
clear: both;
padding: 12px 12px 0 52px;
}

/* main left */
.sidenav {
float: left;
width: 24%;
}
.sidenav h1 {
border-bottom: 1px dashed #DDD;
color: #E73;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
.sidenav ul {
margin: 0;
padding: 0;
}
.sidenav li {
border-bottom: 1px dashed #EEE;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 18px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
background: url("http://img.webme.com/pic/w/wrg2/nav_li.gif") no-repeat;
}

/* content */
.content {
float: left;
margin-right: 4%;
width: 69%;
}
.content .descr {
color: #C60;
margin-bottom: 6px;
}
.content li {
list-style: url("http://img.webme.com/pic/w/wrg2/li.gif");
margin-left: 18px;
}

/* search form */
.styled {
border: 3px double #E5E5E5;
padding: 2px 3px;
}
.button {
border: 1px solid #AAA;
margin-left: 5px;
padding: 2px 3px;
}

/* footer */
.footer {
background: #0094D6 url("http://img.webme.com/pic/w/wrg2/bgfooter.gif") repeat-x;
color: #C1DEF0;
font-size: 1.1em;
line-height: 40px;
text-align: center;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}

so ist es schonmal richtiger aber es sieht immernoch nicht aus wie es soll:
http://wrg2.de.tl/Home.htm
und so soll es aussehen: http://templates.arcsin.se/indigo-website-template/


Zuletzt bearbeitet von wrg2 am 11.04.2009, 14:52, insgesamt 2-mal bearbeitet
Beitrag11.04.2009 um 13:58 (UTC)    
Titel:

du musst noch jeden einzele div abschließen

zb. schreibst du dann bei text über dem design
Code:
<div id="header"></div>


mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag11.04.2009 um 14:01 (UTC)    
Titel:

sorry css ist noch neu für mich.. was muss ich wo schreiben?
aber schonmal danke!
Beitrag11.04.2009 um 14:04 (UTC)    
Titel:

am besten fragst du mal unter ich suche ob dir jemand das design so macht das es für den hpbk geht

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag11.04.2009 um 14:13 (UTC)    
Titel:

oki mach ich!
Beiträge der letzten Zeit anzeigen:   


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