Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.11.2009 um 19:17 (UTC)    
Titel: CSS-Design: Weiteren Content erstellen

Hallo.

Mal wieder habe ich ein externes, tolles Template für den Baukasten angepasst. Allerdings habe ich bei diesem Template die Schwierigkeit, den Baukasten Content zu verschieben.

Mit diesem Code, den ich immer verwende, klappt es diesesmal leider nicht.

#content {
position: absolute;
left: 50%;
top:560px;
margin-left:-466px;
width: 907px;
height: 1000px;
padding:10px;
color: #000000;
font-size: 14px;
font-family: Arial;
background-color:#transparent;
background-image:url();
border: 0px solid #C1F3C3;
overflow:auto;
}

Wenn ich diesen Code einfüge, dann habe ich ein minimales Fenster, indem auch der andere Rest des Template-Contents zu sehen ist.

Ich habe auch schon versucht, diesen Code hier nicht Content zu nennen, sondern Content 2, da ich fürchte, dass in meinem Code der normale "Content" Befehl schon vergeben ist.
Gibt es eine Möglichkeit, den Baukasten Content auf anderer Art und Weise per CSS einzufügen?

Vielen Dank Smile
______________


Zuletzt bearbeitet von jens-hp-service am 22.11.2009, 19:42, insgesamt einmal bearbeitet
Beitrag12.11.2009 um 21:39 (UTC)    
Titel: Re: CSS-Design: Weiteren Content erstellen

jens-hp-service hat Folgendes geschrieben:
Gibt es eine Möglichkeit, den Baukasten Content auf anderer Art und Weise per CSS einzufügen?
Nein,
dies ist leider nicht möglich...
Der Baukasten Content wird immer als "Content" in einem Div Container eingefügt.

Könntest du vielleicht ein Bild oder Beispiel von deinem Problem zeigen?

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag13.11.2009 um 13:59 (UTC)    
Titel:

oh das ist aber ziemlich blöd jetzt.
Bist du dir 1000% ig sicher, dass das nicht geht ?

Wenn ich den oben genannten Code einfüge, sieht es so aus:

http://www.loaditup.de/files/424869.jpg


Wenn ich den Code weglasse, sieht es so aus:

http://www.loaditup.de/files/424870.jpg

Wie bekomme ich den Content ins Design ?

Muss man an meinem Design Code irgendwas verändern, da der Content vom Template ja schließlich auch belegt ist ? Laughing
______________


Zuletzt bearbeitet von jens-hp-service am 22.11.2009, 19:42, insgesamt einmal bearbeitet
Beitrag17.11.2009 um 19:13 (UTC)    
Titel:

Ich würde gerne einmal meinen Design Code posten, vielleicht weiß ja jemand, wie man den Content andersweitig in´s Template einbauen kann.

Also, CSS-Design: Codes ohne Style Tags:

Zitat:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
#nav{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

/* ----------------------------------------------------------------------------------------------------------

This website template was downloaded from http://www.nuviotemplates.com - visit

us for more templates

Structure:
display; position; float; z-index; overflow; width; height; margin; padding; border;

background; align; font;

Content:

1) HTML tags, reset
2) Universal styles (display, float, margin, text-align...)
3) Generally HTML styles (table, ul, dl...)
4) Layout
5) Page: Home

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form,

fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5

{border:0;}
body {padding-bottom:20px; background:url("http://www.loaditup.de/files/424610.gif")

0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%;

font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0;

content:".";}



.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px;

background:url("http://www.loaditup.de/files/424611.gif") 0 5px no-repeat;}
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("http://www.loaditup.de/files/424612.gif") 0 5px

no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:910px; margin:0 auto; text-align:left;}

#header {position:relative; height:100px;

background:url("http://www.loaditup.de/files/424613.jpg") 0 0 no-repeat;

overflow:hidden;}

#logo {position:absolute; top:30px; left:80px; margin:0; font-size:200%;

letter-spacing:-1px; font-weight:normal;}
#logo span {font-weight:bold;}
#logo a {text-decoration:none;}

#slogan {position:absolute; top:40px; right:15px; width:230px; font-size:120%;

font-weight:normal; font-style:italic; text-align:center;}

#nav {padding:0 15px 5px 6px;

background:url("http://www.loaditup.de/files/424614.gif") 0 100% no-repeat;}

#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li {display:inline; margin:0; padding:0;}
#nav ul li a {display:block; float:left; padding:12px 15px 12px 14px;

background:url("http://www.loaditup.de/files/424615.gif") 100% 0 repeat-y;

text-decoration:underline;}
#nav ul li#nav-active a {font-weight:bold; text-decoration:none;}

#cols {background:url("http://www.loaditup.de/files/424617.gif") 0 0 repeat-y;}

#content {float:left; width:655px; overflow:hidden;}


#content #content-title {margin:0; padding:15px 15px 10px 20px;

background:url("http://www.loaditup.de/files/424618.gif") 0 0 no-repeat;

font-size:140%; font-weight:normal;}
#content #content-in {padding:15px 15px 10px 20px;}

#aside {float:right; width:255px; overflow:hidden;}

#aside #aside-title {margin:0; padding:15px 15px 10px 15px;

background:url("http://www.loaditup.de/files/424620.gif") 0 0 no-repeat;

font-size:140%; font-weight:normal;}
#aside .aside-in {padding:10px 10px 15px 10px;}
#aside .aside-box {padding:10px;

background:url("http://www.loaditup.de/files/424619.jpg") 0 0 no-repeat;}
#aside .title {margin:0 5px 0 0; padding:10px 15px;

background:url("http://www.loaditup.de/files/424621.gif") 0 0 repeat-x; font-size:100%;}

#content #content-title {background-color:#000; color:#FF4F00;}


#cols-bottom {width:910px; height:12px;

background:url("http://www.loaditup.de/files/424622.gif") 0 0 no-repeat; font-size:0;}

#footer {width:870px; height:40px; padding:20px 20px 0 20px;

background:url("http://www.loaditup.de/files/424623.gif") 0 0 no-repeat;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {margin-left:5px; padding:15px;

background:url("http://www.loaditup.de/files/424626.gif") 0 100% no-repeat;}
#perex p {margin:0;}

#sections {background:url("http://www.loaditup.de/files/424625.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px;

background:url("http://www.loaditup.de/files/424627.gif") 0 0 no-repeat; font-size:0;}

.section {float:left; width:200px;}
.section p {margin:0;}
.section.margin {margin:0 10px;}
.section h3 {margin:0; padding:10px;

background:url("http://www.loaditup.de/files/424629.gif") 0 0 no-repeat;

font-size:100%;}
.section-in {margin-bottom:10px; padding:0 10px 10px 10px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px;

background:url("http://www.loaditup.de/files/424630.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px;

background:url("http://www.loaditup.de/files/424631.gif") 100% 50% no-repeat;

font-size:85%; font-weight:bold;}


/* ----------------------------------------------------------------------------------------------------------

This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background-color:#bfbfbf;}

a {color:#000;}
a:hover {color:#FF4F00;}

/* ----------------------------------------------------------------------------------------------------------
Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

table.table-style01 {border:1px solid #CCC;}
table.table-style01 th {border-right:1px solid #CCC; background:#EFEFEF; color:#FF2F00;}
table.table-style01 td {border:1px solid #DDD;}
table.table-style01 tr.bg td {background:#F5F5F5;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background-color:#000;}

#logo span {color:#FF4F00;}
#logo a {color:#FFF;}

#slogan {color:#AFAFAF;}

#nav {background-color:#D9D9D9;}
#nav ul li a {color:#555;}
#nav ul li#nav-active a {color:#000;}
#nav ul li a:hover {color:#000;}

#cols {background-color:#FFF;}






#aside #aside-title {background-color:#000; color:#FFF;}
#aside .title {background-color:#000; color:#FF4F00;}

#footer {background-color:#000; color:#999;}
#footer a {color:#999;}
#footer a:hover {color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {border-top:1px solid #2A2A2A; background-color:#000; color:#CCC;}
#perex a {color:#CCC;}
#perex a:hover {color:#FF4F00;}

.section h3 {background-color:#FF4F00; color:#FFF;}
.section h3 a {color:#FFF;}
.section h3 a:hover {color:#000;}
.section-in {border-bottom:1px solid #DADADA;}

dl#news dd {border-bottom:1px solid #CACACA; color:#555;}
dl#news dd span.date {color:#FF2F00;}


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


#content {
position: absolute;
left: 50%;
top:560px;
margin-left:-466px;
width: 407px;
height: 800px;
padding:10px;
color: #000000;
font-size: 14px;
font-family: Arial;
background-color:#transparent;
background-image:url();
border: 0px solid #C1F3C3;
overflow:auto;
}


Wäre super, wenn mir jemand helfen könnte. Laughing
______________


Zuletzt bearbeitet von jens-hp-service am 22.11.2009, 19:43, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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