Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.04.2010 um 12:22 (UTC)    
Titel: Design rechtsbündig

Hallo,

ich habe ein Problem.

Ich habe mir von hier
Zitat:
http://www.freecsstemplates.org/preview/eclipse/


das Template runtergeladen.

Die Image Dateien upgeloadet und auch die Css datei ergänzt wegen den Backgrounds usw.

Nun Wenn ich den Html code und den Css Code bei der Homepage einfüge zieht sich bis auf das Logo alles nach rechts.

Momentan um es euch zu Zeigen www.der-dessauer.de.tl

Hoffe ihr könnt mir bei meinen Problem helfen.

Nice greetz
Beitrag17.04.2010 um 12:24 (UTC)    
Titel:

du kannst nicht einfach irgendwo ein template runterladen und hier reinsetzen. es muss erstmal, durch veränderung der klassen oder so ähnlich, den code hpbk-tauglich machen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag17.04.2010 um 12:45 (UTC)    
Titel:

Hallo Gringo

Ich kenne mich ein wenig mit HTML aus und habe auch schon von der selben Seite ein Template heruntergeladen und es hier in HPBK eingefügt ohne Probleme und dies nicht nur einmal.

Nur komischerweise ist es bei diesem Template anders.

Was müsste ich verändern um das Template mittig zu bekommen?

und das der Header unter der Werbung is >.<

danke

Greetz
Beitrag17.04.2010 um 12:51 (UTC)    
Titel:

sorry, aber css ist leider nicht mein ding. ich kann bei solchen sachen nicht helfen. Embarassed

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag17.04.2010 um 12:54 (UTC)    
Titel:

Hmm Schade aber trotzdem danke für deine Aufmerksamkeit =D

Hoffe es findet sich einer der mir Helfen kann.

Ich stelle auch gerne den Css Code zur überprüfung hier rein.

Greetz
Beitrag17.04.2010 um 12:56 (UTC)    
Titel:

jepp, das solltest du auch machen. ohne den code wirds eh schwer zu helfen und die spezielisten hier entdecken bestimmt wo der fehler liegt oder was geändert werden muss.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag17.04.2010 um 12:59 (UTC)    
Titel:

So bitteschön hier der Css Code um vllt einen Fehler zu finden.

Zitat:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
background: #000000 url(http://img.webme.com/pic/d/der-dessauer/img1.jpg) no-repeat center top;
font: normal 13px Georgia, "Times New Roman", Times, serif;
color: #4E515B;
}

h1, h2, h3 {
color: #CDCDE2;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
text-align: justify;
}

p {
}

blockquote {
margin-left: 3em;
}

ul {
margin-left: 3em;
}

ul li {
}

.list1 {
margin: 0;
padding: 0;
list-style: none;
}

.list1 li {
padding: 8px 0;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-x left top;
}

.list1 .first li {
background: none;
}

ol {
margin-left: 3em;
}

ol li {
}

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

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

img {
border: none;
}

img.left {
float: left;
margin: 5px 15px 0 0;
}

img.right {
float: right;
margin: 5px 0 0 15px;
}

/* Boxed Style */

.boxed {
margin-bottom: 20px;
}

.boxed .title {
padding: 5px 0;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-x left bottom;
}

.boxed .title h2 {
background: url(http://img.webme.com/pic/d/der-dessauer/img2.gif) no-repeat right center;
text-transform: uppercase;
font-size: 100%;
}

.boxed .content {
padding: 20px 20px 40px 20px;
}

/* Post */

.post {
}

.post .title {
padding: 5px 0;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-x left bottom;
}

.post .title h2 {
background: url(http://img.webme.com/pic/d/der-dessauer/img2.gif) no-repeat right center;
text-transform: uppercase;
font-size: 100%;
}

.post .date {
float: left;
width: 100px;
height: 25px;
padding-top: 15px;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-y right top;
text-align: center;
font-size: 9px;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
float: left;
width: 300px;
height: 32px;
padding: 8px 0 0 20px;
font-size: 9px;
}

.post .meta p {
}

.post .story {
clear: both;
padding: 20px;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-x;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
margin-bottom: 1.5em;
line-height: 180%;
}

/* Logo */

#logo {
width: 700px;
height: 220px;
margin: 0 auto;
}

#logo h1 {
margin: 0;
padding: 60px 0 0 325px;
text-transform: uppercase;
letter-spacing: -5px;
font-size: 72px;
font-weight: normal;
}

#logo h2 {
margin: -10px 0 0 0;
padding: 0 0 0 325px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
font-weight: normal;
}

#logo a {
text-decoration: none;
color: #000000;
}

/* Page */

#page {
width: 700px;
margin: 0 auto;
}

#extra {
}

/* Content */

#content {
float: right;
width: 420px;
padding: 0 20px;
background: url(http://img.webme.com/pic/d/der-dessauer/img4.gif) no-repeat;
}

/* Sidebar */

#sidebar {
float: left;
width: 200px;
padding: 0 20px;
background: url(http://img.webme.com/pic/d/der-dessauer/img3.gif) no-repeat right top;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
border: none;
}

#login legend {
display: none;
}

#login label {
font-size: x-small;
font-weight: bold;
}

#login input {
margin-bottom: 5px;
padding: 2px 5px;
border: none;
font-family: Georgia, "Times New Roman", Times, serif;
}

#inputtext1, #inputtext2 {
width: 150px;
}

#inputsubmit1 {
width: 100px;
background: transparent url(http://img.webme.com/pic/d/der-dessauer/img2.gif) no-repeat left top;
color: #CDCDE2;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
font-weight: bold;
}

/* Content > Sidebar > Menu */

#menu {
width: 700px;
height: 95px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding-left: 20px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 34px;
padding: 16px 30px 0 40px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #4E515B;
}

#menu a:hover {
background: #000000 url(http://img.webme.com/pic/d/der-dessauer/img2.gif) no-repeat 15px 50%;
color: #CDCDE2;
}

#menu .first a {
border: none;
}

#menu .active a {
color: #FFFFFF;
}

/* Footer */

#footer {
clear: both;
width: 660px;
margin: 0 auto;
padding: 20px;
background: url(http://img.webme.com/pic/d/der-dessauer/img5.gif) repeat-x;
}

#footer p {
margin: 0;
text-align: right;
font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}


An dieser Stelle schoneinmal Danke an alle die sich bemühen.

Greetz
Beitrag17.04.2010 um 17:52 (UTC)    
Titel:

Der Code ist leider überhaupt nicht für den HPBK geeignet... Confused
Alleine über 30 ID's existieren nicht im CSS Design vom HPBK,
darum müsstest du entweder aufwendig den Code umcoden lassen oder
am besten nach einem HPBK tauglichen Design suchen.

Eine Liste von solchen Anbieter kann man hier finden:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=111475

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag17.04.2010 um 22:59 (UTC)    
Titel:

Bielefeld CLub hallo erstmal.

Ich habe damals ein Tut hier Online gestellt in dem Schritt für Schritt erklärt wird, wie man ein solches Css Design im HPBK einbinden kann. Wink

Ich suche die Tage mal den Link heraus.

Den fehler habe ich schon selbst gefunden, ich musste lediglich nur eine Zeile einfügen die lautet:

Zitat:
body {
position: absolute; left: 20; top: 0px;


Dieser setzt alles nach Links somit ist das Problem behoben.

Resultat sieht man nun hier:

www.der-dessauer.de.tl/home.htm

So far from me

Greetz

Dessauer
Beitrag18.04.2010 um 08:43 (UTC)    
Titel:

So wie versprochen hier nocheinmal der Link zum Css Design Tutorial geschrieben von mir, aber eingestellt mi einem anderen Account der für einen Freund ist.

Zitat:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=110117&highlight=css+design+tutorial


greetz

der Micha
Beitrag21.04.2010 um 08:32 (UTC)    
Titel:

Nun habe ich ein neues Problem,

mein Design auf

www.der-dessauer.de.tl

wir bei mir ohne beschiebungen angezeigt, jedoch bei einigen anderen Leuten ist es verschoben.

Was kann ich dagegen tun.

Hinweis habe alle gängigen Browser und bei mir ist es auf jedem Browser optimal.

So far from me

Greetz Dessauer
Beiträge der letzten Zeit anzeigen:   


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