Definition der 3. Spalte in Styles
Hallo, ich hab eine Kleine Frage:
ich habe ein bisschen an einem style hier von papoo.de rumgebastelt (der hieß glaub ich papoo-nebel oder so).
auf jeden fall sieht das im moment so aus:
[url=http://most.mo.funpic.de/cms/http://most.mo.funpic.de/cms/[/url]
Jetzt hätte ich es gerne das die Login Spalte (ich glaube im backend wird die als 3. Spalte bezeichnet) neben dem weißen haupttext und nicht darüber angezeigt wird!
deswegen wollte ich fragen, wo das in der css-datei steht, ich habs nämlich nicht gefunden...
Danke vorweg
Moritz
Re: Definition der 3. Spalte in Styles
Ich werd bald verrückt, kann sich jemand den Style nochmal anguggen? (is ein anderer)
- im header ist zweimal das bild mit dem vogel, aber mann kan nur auf eins draufklicken ...
- dann müste eigentlich am besten der ganze style in der mitte des bildschirmes angezeigt werden
- und unter gästebuch sieht man, das die farbe der bochsen auch noch nicht stimmt
ich weis nicht wo ich das ändern soll in der css ...
ich häng sie hier mal an ...
Moritz
CSS:
a {
background: transparent none;
color: #b1c1cd;
font-weight: 600;
text-decoration: underline;
}
/* ----- */
abbr, acronym {
cursor: help;
}
/* ----- */
body {
background: #000;
background-repeat:repeat-x;
color: #fff;
font-family: "Trebuchet MS", Geneva, Verdana, sans-serif;
font-size: 90%;
line-height:120%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* So soll Code aussehen */
code {
background: transparent none;
color: #0000ff;
font-size: 120%;
}
/* Hier wird zusaetzliche Nummerierung der Listenpunkte f?r visuelle
Browser unsichtbar gemacht - oder sichtbar, wenn man mag.
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
dfn {
display: inline;
height: 0px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0px;
}
/* ----- */
form br {
}
form a {
background:#eee;
}
/*Die ?berschriften*/
h1 {
background: transparent none;
color: #eee;
font-size: 145%;
font-weight: bold;
line-height: 120%;
margin-top: -10px;
letter-spacing:1.5px;
font-family: times, Geneva, Verdana, sans-serif;
}
h1:first-letter {
font-size:150%;
}
h2 {
background: transparent none;
color: #eee;
font-size: 125%;
margin-bottom: 20px;
margin-top: 10px;
letter-spacing:1.5px;
font-family: times, Geneva, Verdana, sans-serif;
}
h3 {
background: transparent none;
color: #eee;
font-size: 165%;
margin-top: 0px;
letter-spacing:1.5px;
font-family: times, Geneva, Verdana, sans-serif;
}
h3:first-letter {
font-size:120%;
}
h4 {
background: transparent none;
color: #eee;
font-size: 125%;
letter-spacing:1.5px;
font-family: times, Geneva, Verdana, sans-serif;
}
h4:first-letter {
font-size:120%;
}
/*Nicht unbedingt erforderlich, aber manchmal hilfreich*/
html {
margin: 0;
}
img {
border:none;
border:0px solid black;
}
input:focus,
a:focus {
background:#eee 0.3em no-repeat;
}
p:first-letter {
font-size:125%;
}
/*Tabellenzeile */
td {
vertical-align: top;
}
/*Tabellenreihe */
tr {
margin-top: 20px;
}
textarea {
background:#333;
color:#fff;
}
/*.Der Artikel-Container*/
.artikel {
background: #000;
border-right: 1px dotted #8ea841;
border-top: 0px solid #8ea841;
color: #fff;
font-size: 90%;
line-height: 150%;
margin: 0px 185px 0 10.2em;
padding: 20px 1em 21em 2em;
}
.artikel2 {
background: #000;
border-right: 1px dotted #8ea841;
border-top: 0px solid #8ea841;
color: #fff;
font-size: 90%;
line-height: 150%;
margin: 0px 0px 0 10.2em;
padding: 30px 1em 11em 2em;
}
/*Definition der Links im Artikel-Container*/
.artikel a:visited,
.artikel2 a:visited {
background: transparent none;
color: #35ff43;
}
.artikel a:hover,
.artikel2 a:hover {
background: transparent none;
border-bottom: 1px solid;
border-color: #ffdb35;
color: #ffdb35;
}
/* Weitere Angaben f?r den Artikel-Container */
.artikel fieldset {
background: #000;
color: inherit;
}
.artikel p {
line-height: 150%;
}
/*Container f?r ein zus?tzliches Hintergrundbild am Kopf der Seite */
.body {
color: inherit;
padding: 0 0px 0px 0;
width: 800px;
height:100%;
border: 0px solid #999758;
margin: 3em 0 10px 2em !important;
margin: 20px 0 10px 5px;
}
/*Damit werden floats aufgel?st*/
.clear {
clear: both;
}
/* Darstellung der Kommentare */
.comment_inhalt {
background: #f1f6e7 none;
border: 1px solid #decab4;
color: inherit;
font-size: 90%;
padding: 10px;
}
/* Um container innerhalb einer Artikels floaten,
kann Bilder etc. enthalten*/
.float_left_artikel {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: left;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
.float_right_artikel {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: right;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
/* ----- */
.forum_li2 {
list-style: none;
}
.innerbody{
background: #333;
position:relative;
bottom:13px;
right: 11px;
border: 1px solid #999999;
padding:0px;
margin: 0px 0px 0px 0px;
}
innerbody2 {
background:#333;
}
/* ----- */
.inhaltmap {
list-style: none;
}
/*Um Punkte oder ?hnliches aus dem Viewport zu verschieben*/
.ignore, dfn, .hilfmenu {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
.language {
float:left;
margin-top:-1.2em;
width:30%;
border:0px solid black;
text-align:left;
}
.languageul {
margin: 0 10px 0 0;
}
.languageli {
float:left;
margin: 0 10px 0 0;
list-style-type: none;
}
.topmenu {
width:60%;
float:right;
border:0px solid black;
margin-top:-2.2em;
}
.topul {
margin:13px 0 0 0;
}
.topli {
float:right;
margin: 0 10px 0 0;
list-style-type: none;
}
.toplink {
color:#fff;
text-decoration: none;
}
.toplink:hover {
color:#000;
background:#ffdb35;
}
.toplink img {
margin:4px 4px 0px 0px;
}
/* Hier nun alles f?r das Men?*/
.menu {
border-top: 0px dotted #000;
color: inherit;
float: left;
margin: 10px 0 0 2px;
padding: 10px 0 0 0px;
width: 9em;
height:28em;
}
/* Hier wird der zus?tzliche Punkte am Ende eines Listeneintrags
f?r visuelle Browser unsichtbar gemacht.
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
.menu .ignore {
display: none;
height: 0px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0px;
}
.menu .untermenu1 {
color: #fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 9em;
}
.menu .untermenu1 a {
color: #fff;
font-size: 85%;
font-weight: 400;
height: 1.4em;
margin: 5px 0 0 0.8em;
padding: 0.1em 0 0 0.8em;
}
.menu .untermenu1 a:hover,
.menu .untermenu1 a:focus {
color: inherit;
padding: 0.1em 0 0 0.8em;
}
.menu .untermenu1 span {
background: #e3f2c7 no-repeat;
color: inherit;
font-size: 85%;
font-weight: 400;
height: 1.8em;
margin-left: 0.8em;
}
.menu .untermenu1 ul {
border: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu .untermenu1 ul li{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu a:visited {
}
.menu ul {
border: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu ul li{
float:none;
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu ul li a {
border:1px solid #fff;
background :#555;
color: #fff;
display: block;
font-size: 90%;
height: 1.2em;
margin: 10px 2px 0 0;
padding: 0.2em 0 0.2em 0.8em;
text-decoration: none;
}
.menu ul li a:hover,
.menu ul li a:focus {
background-position: 0% -5%;
border: 1px solid #eed;
color:#fff;
padding: 0.2em 0 0.2em 0.8em;
background-color: #de5c16;
}
.menu ul li span {
background: #e7f2f6 no-repeat;
border-bottom: 1px dotted #8ea841;
color: #1c1e0c;
display: block;
font-size: 90%;
height: 1.8em;
margin: 0 0 0 0;
padding: 0.4em 0 0 0.8em;
text-align: left;
text-decoration: none;
}
/*F?r das Men?, was keines ist, aber eines sein k?nnte*/
.menuobenre {
height: 180px;
width:50%;
margin: -10px 0 0 0;
padding: 0 0 0 0;
position:absolute;
top:10px;
left:1%;
z-index:10;
border:0px solid black;
}
.menu .menuxaktiv_back {
background-color:#f8f4b7;
color:#000;
}
.messagebot {
background:#f8f8f2;
border-top: 1px solid black;
}
.messageh4 {
padding:6px;
background:#d3d4c3;
border-bottom:1px #000 solid;
margin:-1px 0 0 0;
}
.messageli {
list-style-type:none;
margin:0 0 10px 0;
padding:6px;
border:1px solid #eee;
background:#f3f3e9;
}
.messageul {
list-style-type:none;
margin:0 50px 0 0;
padding:0px;
}
/*F?r den Kopf*/
.oben {
background: url(../bilder/link.gif) #000 no-repeat 0px 0px;
height: 180px;
width: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:relative;
border:0px solid black;
border-left:0px;
border-bottom:1px solid #888;
}
/* Link oben im Kopf*/
.oben a {
background: transparent none;
color: #fff;
font-size: 170%;
font-weight: 400;
left: 15%;
letter-spacing: 0.25em;
line-height: 28px;
margin: 0 0 0 0;
padding: 20px 0 0 0;
position: absolute;
text-align: left;
top: 50px;
z-index:11;
width: 28em;
border:0px solid black;
text-decoration: none;
}
/*?berschrift im Kopf*/
.oben h1 {
font-size: 90%;
border:0px solid black;
}
/* ----- */
.rechts {
float: right;
margin: 0px;
padding: 0px;
width: 270px;
}
/*Der rechte Container*/
.rechts1fl {
border-top: 0px solid #8ea841;
border-left:0px dotted black;
color: #fff;
float: right;
font-size: 85%;
line-height: 150%;
margin: 0px 0 0 0px;
padding: 10px;
padding-top:30px;
width: 160px;
}
.rechts1fl image {
border:0px solid black;
}
/* Soll nicht gesehen werden */
.skip {
left: -2000px;
position: absolute;
}
.speak {
margin-top:-40px;
margin-right:40px;
float:right;
}
/*Positionierung von Bildern im Artikel-Container */
.teaserbildleft {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: left;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
.teaserbildright {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: right;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
/* ----- */
.weiter li {
display: block;
float: left;
height: 18px;
margin: 3px;
padding: 0;
text-align: center;
}
.weiter ul {
border: 0;
height: 18px;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
/* ----- */
#buttonlist {
clear: both;
}
#buttonlist a {
border: 1px solid #000000;
float: left;
height: 21px;
margin: 1px;
width: 21px;
}
#buttonlist a:hover {
background: #cdd3ed none;
color: inherit;
}
#buttonlist label {
width: 40%;
}
#buttonlist label {
width: 40%;
}
/* Formular der Klasse formi */
#formi {
line-height: 140%;
width: 90%;
background:#f2f3df;
}
#formi fieldset {
}
#formi input[type=password],
#formi input[type=text],
#formi select,
#formi textarea {
float: left;
margin-left: 1em;
text-align: left;
background:#000;
color:#fff;
width: 60%;
}
#formi input[type=submit] {
cursor: pointer;
float: right;
margin-right: 50%;
}
#formi input[type=text] {
float: left;
margin-left: 1em;
text-align: left;
width: 60%;
}
#formi label {
float: left;
text-align: right;
width: 30%;
}
/* Formular der Klasse forumlogin */
#forumlogin {
border: 0px solid #000000;
color: #fff;
font-size: 80%;
height: 10em;
left: 70%;
padding: 10px;
position: absolute;
top: 0px;
width: 18em;
z-index: 20;
}
#forumlogin a {
background: #ffffff none;
display:block;
border-bottom: 0px dashed #000000;
border-right: none;
color: #993300;
font-size: 100%;
margin: 1em 0 0 0;
padding: 2px;
text-align: left;
text-decoration: none;
width: 100%;
text-align:center;
}
#forumlogin a:hover {
color:#fff;
background:#993300;
}
#forumlogin label {
width:60px;
}
#forumlogin fieldset {
border: none;
height: 8em;
margin: 0px;
padding: 0px;
width: 100%;
}
#forumlogin h2 {
display:none;
}
#forumlogin input[type=password] {
margin:10px 0 0 0;
}
#forumlogin input[type=submit] {
margin:10px 0 0 0;
cursor: pointer;
float:right;
}
#suchbox {
position:absolute;
left:53%;
top:10px;
margin: 0px 0px 0px 0px;
width:25em;
border:0px solid black;
z-index:12;
}
#suchbox fieldset {
border:0px solid black;
}
#suchbox label {
margin-right:1em;
font-size:120%;
font-weight:600;
color:#fff;
}
Re: Definition der 3. Spalte in Styles
Hallo Moritz,
die Gästebucheinträge kannst du mit #comment_inhalt {} beeinflussen.
Zu den ersten beiden Punkten weiß ich jetzt nicht genau was du meinst...
Viele Grüße,
Carsten
Finden Sie Ihren Ansprechpartner für Ihre Umsetzung in Ihrer Region - unsere zertifizierten Partner beraten Sie und setzen für Sie Ihre Webseite um. Unsere zertifizierten Partner finden Sie hier...