Login Block bearbeiten?

Ich gehe mal stark davon aus das Du bei Deinen Bemühungen. den Login-Block mittels CSS zu formatieren den Firefox mit dem Addon Firebug verwendest.

Wenn nicht ist es müssig weiterzureden.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

mache fast alles mit Notepad und dreamweaver!
sorry na dann werde ich dieses Addon Firebug mal schnell installieren!!!
danke dir erst mal, wenn ich nicht weiter komme melde ich mich nochmal

Gruß
Janosch

Kein Problem.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

scheint ja ganz schön mächtig zu sein dieses Tool. aber ich komm da als "dau" nicht wirklich weiter:-(
Gruß
Janosch

Ich kenne den Quelltext nicht, trotzdem dürfte dir nachfolgendes weiterhelfen. Den Code einfach in deine style.css einfügen.

dieses führte leider auch nicht zum erfolg!
welcher quellcode würde denn jetzt genau von dir benötigt?(ich sage einfach mal Du, wenn es ok ist!)
die .css des Thems?

Gruß
Janosch

Probiers mal hiermit:

gruß
Independent

hier mal meine style.css

/* CSS Document */

*{margin:0; padding:0; text-decoration:none; font-weight:normal; list-style:none;}
body{ background:url(images/body.gif) repeat-x #ffffff; font-family: Verdana,Tahoma,"Nimbus Sans L",arial,sans-serif; font-size:12px; }
a:link, a:visited{color:#0c78b1;}
a:hover{color:#ca000; text-decoration:none;}
h2 a:link, h2 a:visited, h1 a:link, h1 a:visited, h3 a:link, h3 a:visited{color:#484642; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3{color:#C1CDCD; font-size:18px; }
#h2title h2{margin:0 0 5px 0;}
li.leaf, ul li, .item-list ul li {list-style-image:url(images/leaf.png);}
li.collapsed{list-style-image: url(images/collapsed.png);}
/*container*/

#container{ width:996px; border:1px solid #7a7a7a; margin:15px auto 12px auto;}
#container2{ border:1px solid #fff; background:url(images/container.png) repeat-x top #fff; }

/*Header*/

#header{height:120px; padding:0px;}
#blogdesc{float:left; height:106px; padding: 0 20px 0 0; }
#logocontainer{float:left;}

#texttitles{float:left; margin:20px 0 0 10px;}
#header #blogdesc h1 a, #header #blogdesc a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#484642; text-decoration:none; font-size:22px; }

#header .site-slogan{ font-family: Arial, Helvetica, sans-serif; color:#afafaf; text-decoration:none; font-size:18px; }

#header-content{ width:468px; padding:4px; float:right; height:96px;}

/*Navigation*/
#navigation{ height:32px; background:url(images/menu1.png) repeat-x;}
#navigation ul{ height:32px;}
#navigation ul li{display:inline; line-height:32px; margin:0; float:left; background:url(images/menu-li.gif) right no-repeat; padding:0 2px 0 0;}
#navigation ul li a{ padding:9px 25px 8px 25px; color:#fff; font-weight:bold; font-family:tahoma, arial;}
#navigation ul li a:hover{text-decoration:none; background:url(images/menu1-hover.png) repeat-x;}

#navigation2{ height:33px; background:url(images/menu2.png) repeat-x; color:#dedede; font-family:tahoma;}
#subnavlist a{color:#dedede; font-size:11px;}
#subnavlist{ padding:8px 0 0 0;}
#subnavlist li{padding:0 18px;}

/*wrapper*/
#wrap{ padding:14px 4px 10px 4px; background:url(images/under.png) top repeat-x; display:table-cell; width:986px;}

#leftside{ float:left; width:166px;}

body.sidebars #contentmiddle{ float:left; width:640px; margin:0 5px; }
body.sidebar-left #contentmiddle{ float:left; width:810px; margin:0 5px; }
body.sidebar-right #contentmiddle{ float:left; width:665px; margin:0 5px; }

#rightside{ float:right; width: 170px; }

/*Blocks*/
#leftside .block{ margin:0 0 12px 0; background:url(images/lefblockbg.gif) repeat-x top #fff; border:1px solid #c7c7c7;}
#leftside .block h2.blocktitle{text-align:center; font-size:13px; font-weight:bold; display:block; border:1px solid #fff; background:url(images/h2.gif) repeat-x top; padding:2px 3px 3px 5px;}
#leftside .block .content{ padding:4px; }
#rightside .block {background:url(images/rightblock.gif) repeat-x bottom #f5f5f5; border:1px solid #b3b3b3; margin: 0 0 12px 0;}
#rightside .block .content{padding:0 4px 6px 4px;}
#rightside .block h2.blocktitle, #rightside .block h2.blocktitle a{text-align:center; font-size:13px; font-weight:bold; display:block; color:#fff; background:url(images/righth2.png) repeat-x; padding:1px 8px 8px 8px; margin:2px;}
#rightside .block ul li{ list-style:none; list-style-image:none; line-height:22px; border-bottom:1px solid #ffffff; margin:0; padding: 0 0 0 4px;}
#rightside .block ul.menu, #rightside .block ul{padding:0 0 0 4px;}

/*Content*/
.breadcrumb{padding:0 4px 5px 4px; font-size:11px;}
.node{border:1px solid #c1c1c1; padding:8px; background: url(images/nodebg.gif) bottom repeat-x #fff; margin: 0 0 12px 0;}
.node .content{ padding:8px 0;}
.links ul.links.inline {text-align:right; display:block; width:99%;}
#mission{border:1px solid #b3b3b3; margin: 0 0 15px 0;}
#mission .inner{border:1px solid #fff; padding:10px; background:url(images/mission.png) repeat-x bottom #ededed;}
#missiontitle{padding:0 0 6px 0; margin:0 0 6px 0; background:url(images/li-mission.gif) bottom repeat-x;}
#missiontitle h3{ font-size:18px; padding: 0 20px 0px 20px; background:url(images/our-mission.png) no-repeat left center;}
.postmeta{margin:0 0 4px 0; text-align:right}
body.sidebars #content_top{ padding:5px; margin:1px 0 12px 0; background:#dbdad5 ; border-bottom:1px solid #e5e4e1; border-top:1px solid #fff;}
#content_top .content {background:#f2f1ef;}
body.sidebar-left #content_top, body.sidebar-right #content_top{padding:1px; margin:0 0 12px 0; background:#dbdad5 ; border-bottom:1px solid #e5e4e1; border-top:1px solid #fff;}
#content_top img{padding:0px;}
#content_top h2{font-size:14px; font-weight:bold; padding:4px 8px; color:#6f6c64; }
/*Misc*/

.submitted{color:#999999; font-size:10px;}
.taxonomy{font-size:11px;}
a.node_read_more{background:url(images/collapsed.png) no-repeat left center; padding: 0 0 0 10px;}
a.comment_add{background:url(images/comment.png) no-repeat left center; padding:0 0 0 15px;}

/*Admin*/

div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
margin: 0;
padding: 0;
}

div.admin .left {
float: left;
width: 48%;
}
div.admin .right {
float: right;
width: 48%;
}

div.admin-panel {
background: #fff url(images/gradient-inner.png) repeat-x 0 0;
padding: 1em 1em 1.5em;
}
div.admin-panel .description {
margin-bottom: 1.5em;
}
div.admin-panel dl {
margin: 0;
}
div.admin-panel dd {
color: #898989;
font-size: 0.92em;
line-height: 1.3em;
margin-top: -.2em;
margin-bottom: .65em;
}

table.system-status-report th {
border-color: #ece4da;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
background: #027ac6;
color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
color: #ece4da;
}

/**
* CSS support
*/
span.clear {
display: block;
clear: both;
height: 1px;
line-height: 0px;
font-size: 0px;
margin-bottom: -1px;
}

/*******************************************************************
* Color Module: Don't touch *
*******************************************************************/

/**
* Generic elements.
*/
.messages {
background-color: #fff;
border: 1px solid #b8d3e5;
}

.preview {
background-color: #fcfce8;
border: 1px solid #e5e58f;
}

div.status {
color: #3a3;
border-color: #c7f2c8;
}

div.error {
color: #c52020;
}

.form-item input.error, .form-item textarea.error {
border: 1px solid #c52020;
color: #494949;
}

/**
* Watchdog.module
*/
tr.watchdog-user {
background-color: #fcf9e5;
}

tr.watchdog-user td.active {
background-color: #fbf5cf;
}

tr.watchdog-content {
background-color: #fefefe;
}

tr.watchdog-content td.active {
background-color: #f5f5f5;
}

tr.watchdog-warning {
background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
background-color: #fdf2de;
}

tr.watchdog-error {
background-color: #fbe4e4;
}

tr.watchdog-error td.active {
background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
background: #c7eec7;
}

/**
* Status report colors.
*/
table.system-status-report tr.error, table.system-status-report tr.error th {
background-color: #fcc;
border-color: #ebb;
color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
background-color: #ffd;
border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
background-color: #dfd;
border-color: #beb;
}
fieldset ul.clear-block li {
margin: 0;
padding: 0;
background-image: none;
}

dl {
margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
margin: 0 0 .5em 1.5em;
}

img, a img {
border: none;
}

table {
margin: 1em 0;
width: 100%;
}

thead th {
border-bottom: 2px solid #ece4da;
color: #494949;
font-weight: bold;
}

th a:link, th a:visited {
color: #6f9dbd;
}

td, th {
padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
border: solid #ece4da;
border-width: 1px 0;
}

tr.odd, tr.info {
background-color: #f2f1ef;
}

tr.even {
background-color: #fff;
}

tr.odd td.active {
background-color: #ddecf5;
}

tr.even td.active {
background-color: #e6f1f7;
}

td.region, td.module, td.container {
border-top: 1.5em solid #fff;
border-bottom: 1px solid #a19c96;
background-color: #e6e0cc;
color: #455067;
font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
border-top-width: 0;
}

.form-item input.error, .form-item textarea.error {
border: 1px solid #c52020;
color: #494949;
}
textarea, select {
font: 12px/160% "Verdana";
color: #494949;
width:98%;

}
textarea{ height:170px;}

/*footer*/

#footer{ margin:auto; width:980px; padding:22px 9px; text-align:center; background:url(images/footer.gif) repeat-x top #020202; color:#CCCCCC; font-size:11px; line-height:14px;}
.credit a, .credit{color:#8c8c85; font-size:10px;}

Gruß
Janosch

Versuchs mal mit den Beispielen von mir...s.o.

Der Quelltext von der LoginBox, links oder rehts? Könnte ungefähr so aussehen:

ich komm jetzt gar nicht mehr mit!!!
entweder ist es zu spät und ich überarbeitet oder ich bin blind. ich dachte das ganze wäre über die css zu lösen aber das funzt auch nicht.
und einen login block find ich auch nicht:-)
hmm...werde mich wohl morgen noch einmal dem ganzen annehmen!
dank euch erstmal für heute!!! ich bin zwar nicht weiter gekommen aber das wird schon;-) der weg iss das ziel!

Gruß
Janosch

Hast du meinem Vorschlag getestet? Damit sprichst du eigentlich den Login block an.

Natürlich geht das über CSS. Da CSS aber auf dem Quelltext einer Seite aufbaut, ist dieser halt extrem wichtig. Solltest du auf deiner Seite eingeloggt sein, wirst du den Quelltext der LoginBox nicht zu sehen bekommen, da die Box ausgeblendet wird.

Du könntest nachfolgenden Code in deiner style.css nutzen. Die ID user-login-form wird vorhanden sein, darin befindet sich eine Liste mit den von dir gewünschten Links.

ja hab es gerade noch einmal probiert aber es funzt net.
hier mal meine url: http://www.fun-md.de vieleicht findet Ihr was mit firebug!
ich muß mich jetzt leider langsam bettfein machen.
besten dank nocheinmal für eure unterstützung!!!

Gruß
Janosch

Und so funktioniert es wirklich nicht?

@janosch73,

nimm's mir bitte nicht uebel: Dein Theme ist voellig mit CSS Formatierungen zerstoert. Ein Wunder das ueberhaupt noch korrekt positioniert angezeigt wird.

Ausgangspunk meiner Betrachtung ist der Body Tag. Warum der die CSS Klasse "sidebar-left" enthaelt ist nicht begruendbar. An diesem Tag mit seiner Klasse beginnt das Uebel dess was ich mit meinem 1. Satz gesagt habe.

Entweder Du verwendest ein neues Theme mit dem Du alle Kunstgriffe der CSS Formatierung des jetzigen Themes hinter Dir laesst oder es wird immer CSS-Flickschusterei bleiben und Du wirst bei Tests der Website in anderen Browsern Probleme haben.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

1. Definitiv wird die ID block-user-0 ausgegeben.
2. Und auch die ID user-login-form wird ausgegeben.
3. Diese ID ist jeder Klasse übergeordnet!
4. Wenn es so nicht funktioniert, liegt es an deiner Umsetzung.
5. Da der Weg das Ziel ist, liegt es an dir, mit Firebug "etwas zu finden".

Hier nochmal der relevante Quelltext:

Text der Listenpunkte rechts ausrichten:

Ersten Link der Listenpunkte in rot ausgeben:

Zweiten Link der Listenpunkte in grün und rechts ausgeben:

Das funktioniert! Wenn bei dir nicht, dann hapert es an deiner Umsetzung.

Ein erster Schritt und damit wichtiger Punkt wäre beispielsweise, dass du die Komprimierung der Style-Sheet-Dateien und das Caching ausschaltest, wenn du an deiner Seite arbeitest!

Ich würde allerdings Farben nicht in dem Format "green" oder "red" angeben, sondern in Hexa Form.
In Wort form interpretiert es nicht jedes OS/Browser gleich.

Dies sind Beispiele und deswegen ist die Interpretation der Browser und Betriebssysteme vollkommen wurscht. Ich gebe dort grundsätzlich die Farben in ausgeschriebener Form an, da dann die 'Gegenstelle' direkt weiß, wie es aussehen sollte.

die Zeile

#block-user-0 li { text-align: left; }
und
das abstellen der Komprimierung der Style-Sheet-Dateien und das Caching hat mir nun doch geholfen!!!
war wohl gestern doch etwas übermüdet und nicht mehr ganz so aufnahmefähig.

dank euch noch einmal für die tolle unterstützung!!!

Gruß
Janosch