Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.04.2009 um 15:18 (UTC)    
Titel: css Design für hpbk umcoden

hi,
ich bin eher neu im breich css und habe mir erstmal ein design in css geholt, hatte vorher nur html, habe bilder eingefügt etc., aber das design ist leider nicht für den hpbk gedacht das das schaut so aus: http://wrg2.de.tl/Home.htm
Deshalb suche ich wen der mir das design so umschreibt sodass ich es benutzen kann! kleine belohnung wie werbebanner für einen monat oder eine werbung in einer unserer sendungen nicht ausgeschlossen! Brauche den Code aber schon heute!
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;
}



dane schonmal
mfg tobias
Beitrag11.04.2009 um 15:36 (UTC)    
Titel:

ist das denn so schwer so ein code umzuschreiben???
Beitrag12.04.2009 um 13:32 (UTC)    
Titel:

Hallo, es fehlt voll viel von dem Code! Aber
Code:
/*
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;
}


Muss schonmal bei "Design einstellen" Arrow "erweiterte Einstellungen" Arrow "Css-Code ohne Style-tags" rein, aber das habt ihr so wies aussieht schon gemacht

und dann fehlt da noch ne Menge was z.b. bei "Über Design" und "Unter Design" Rein muss denn das sind fast alles Css-klassen oder html-formatierungen. Und da ich nicht weiß wo ihr Footer usw. haben wollt kann ich euch da auch nicht viel weiterhelfen.. aber ihr könnt euch auch einfach mal die tutorials auf http://www.homepage-baukasten.de/forum/viewtopic.php?t=62368 ansehen.

MfG SmaX
______________
Beitrag12.04.2009 um 13:58 (UTC)    
Titel:

naja aussehen soll es so http://templates.arcsin.se/indigo-website-template/

Das bild da anklicken!


Zuletzt bearbeitet von wrg2 am 12.04.2009, 15:00, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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