Registrierungs/Anmelde Leiste nach links verschieben

**zlatan** · 09.02.2012, 09:06

Hallo!

Ich hätte gerne, dass die Leiste nicht mehr oben rechts auf http://www.sichverlieben.at steht, sondern oben links.

Wie stelle ich das am besten an?

**MrD** · 09.02.2012, 11:18

Hi,
das entsprechende Template ändern, und den Bereich halt umsetzen.

**PaintSplasher** · 09.02.2012, 13:45

Meinst du die Leiste mit dem Login und Registrieren Button? Wenn ja,... füge in die additional.css folgendes ein:

Code:

.toplinks {
right: none;
left: 20px;
}

**zlatan** · 10.02.2012, 11:07

In welchem Verzeichnis finde ich die .css Dateien?

Da sind zu viele Ordner.

**bt012ss** · 10.02.2012, 11:35

Die findest du im ACP unter Templates.

**zlatan** · 10.02.2012, 13:39

Bitte etwas konkreter!

Styles & Template -> Styles verwalten und dann? wo was wie

CSS-Einstellungen? Template ändern, und was auswählen, header??ß

**PaintSplasher** · 10.02.2012, 15:26

Styles & Templates -> Template suchen -> additional.css -> Suchen klicken.

**zlatan** · 10.02.2012, 16:30

Ok!

Ich mich auf öffnen gegangen. Alles war leer, dort stand nichts. Den Code eingefügt und auf Speicher/Speichern und neu laden geklickt.

Es hat sich nichts geändert. Habe sogar das Cache im Browser gelöscht????????

**zlatan** · 11.02.2012, 18:37

bei der Sache geht echt nichts weiter. Ich habe mich genau an die Anleitung von euch gehalten!

**bt012ss** · 11.02.2012, 23:58

Geh mal unter Styles verwalten --> Templates ändern --> Doppelklick auf "css" --> vbulletin-chrom.css aufrufen

Dort findest du ziemlich oben -->

.toplinks
{position:absolute; margin-top: 10px;
{vb:stylevar left}:{vb:math {vb:stylevar padding}*3};
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar right};
background:{vb:stylevar toplinks_background};

Dort kannst du {vb:stylevar right} in {vb:stylevar left} ändern.
Weiterhin kannst du in position:absolute; margin-top: 10px; die Höhe der Linkleiste ändern. Ich hab 10px, je größer die Zahl desto tiefer kommt die Leiste.
Mit {vb:stylevar padding}*3}; kannst du den Abstand zur Seite genau einstellen. Hier *3, je größer die Zahl desto weiter der Abstand zur Seite.

Vorher in der additional.css die Sachen wieder raus nehmen, nicht das sich da etwas stört mit der Änderung die ich dir vorgeschlagen habe.

**zlatan** · 14.02.2012, 09:59

Ich habe das Ganze in den Editor vom Windows gepackt und via Suchfunktion probiert zu finden.
Leider vergebens. Im Code ist dieser Text nicht zu finden.

Code:

@charset "UTF-8";/* CSS Document */


/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/


/*************************************************/
/* HEADER */


.above_body {
    background:{vb:stylevar header_background};
    margin: {vb:stylevar header_margin};
    padding: {vb:stylevar header_padding};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}


.doc_header {
    border:{vb:stylevar header_border};
    color:{vb:stylevar header_color};
    font:{vb:stylevar header_font};
    position:relative;
    min-height:35px;
}
.doc_header a { color:{vb:stylevar header_link_color}; }
.doc_header a:hover { color:{vb:stylevar header_linkhover_color}; }
.doc_header hr { display: none; }
.logo-image {
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        min-height: 2em;
        height: auto !important;
        padding: {vb:stylevar titleimage_padding};
}


.toplinks {
    position:absolute;
    {vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
    top:0;
    color:{vb:stylevar toplinks_link_color};
    font: {vb:stylevar header_font};
    text-align:{vb:stylevar right};
    background:{vb:stylevar toplinks_background};
}


.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
    display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
    padding-top: 0;
    background: none;
    cursor: pointer;
}
    li#fb_headerbox a#fb_link {
        position: relative;
    }
    li#fb_headerbox a#fb_link #fb_squarepic{
        position:absolute;
        right:-6px;
        top:5px;
        z-index:1;
        border:1px solid #B3CCE7;
        padding:1px;
    }
    li#fb_headerbox a#fb_link #fb_icon{
        position:absolute;
        right:10px;
        top:1px;
        z-index:2;
    }


.toplinks ul.isuser, .toplinks ul.nouser {
    display:block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    list-style: none;
}


.toplinks ul.isuser li {
    display:inline;
    position: relative; 
    color: {vb:stylevar header_color};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-{vb:stylevar right}: 10px;
        background:{vb:stylevar toplinks_background.backgroundColor};
}


.toplinks ul.isuser .popupbody li {
    display:block;
    float: none;
    clear: none;
    padding:0;
    margin:0;
}


.toplinks ul.isuser li.welcomelink {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    color: {vb:stylevar toplinks_color};
}


.toplinks ul.isuser li.logoutlink {
    top: 0;
}


.toplinks ul.isuser li a {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    font-weight:bold;
    color:{vb:stylevar toplinks_link_color};
}


.toplinks ul.isuser li li a {
    float: none;
    margin-{vb:stylevar left}: 0;
}


.toplinks ul.isuser li.welcomelink a {
    display:inline;
    float: none;
    clear: none;
    margin-{vb:stylevar left}: 0;
}


.toplinks ul.isuser li a:hover {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}


.toplinks ul.nouser li {
    display:inline;
}


.toplinks ul.nouser li a {
    display: block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    color:{vb:stylevar toplinks_link_color};
    position: relative;
    padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
    font-weight:bold;
    font-size:{vb:stylevar mid_fontSize};
    margin-{vb:stylevar right}: 10px;
}


.toplinks ul.nouser li a:hover {
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    color:{vb:stylevar toplinks_linkhover_color};
}


.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
    color: {vb:stylevar navbar_popupmenu_link_color};
    position: relative;
}


.toplinks ul.isuser li.popupmenu ul li {
    position: relative;
    top: 0;
    margin: 0;
    text-align: {vb:stylevar left};
}


.toplinks ul.isuser .notifications .popupbody {
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
}


.toplinks ul.isuser .notifications .popupbody li a{
    color: {vb:stylevar navbar_popupmenu_link_color};
    background:{vb:stylevar navbar_popupmenu_link_background};
    padding: 0 {vb:math {vb:stylevar padding}/2};
    font-weight: normal;
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
    text-align: {vb:stylevar left};
    padding-{vb:stylevar left}: 30px;
    line-height: {vb:stylevar popupmenu_height};
}


.toplinks ul.isuser .notifications .popupbody li a span {
    position: absolute;
    line-height: {vb:stylevar popupmenu_height};
    {vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}


.toplinks ul.isuser .notifications .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: underline;
}


.toplinks form {
    min-width: 220px;
    display:block;
    margin-{vb:stylevar right}: 10px;
    text-align: {vb:stylevar left};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
}


.toplinks .logindetails {
    padding: 0 {vb:stylevar padding};
    text-align: center;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    height:{vb:math 14px + {vb:math {vb:stylevar font.fontSize}-1}};
}


.toplinks form input {
    margin: 3px 0 0;
    vertical-align: baseline;
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 1px;
    border: 0;
}


.toplinks form input.textbox {
    color: {vb:stylevar input_color};
}


.toplinks form input.default-value {
    color: {vb:stylevar shade_color};
}


.toplinks .remember {
    margin: -{vb:math {vb:stylevar padding}/3} 0 0 {vb:math {vb:stylevar padding}*2};
    font-size: {vb:math {vb:stylevar font.fontSize}-3}{vb:stylevar font.units};
    color: {vb:stylevar toplinks_color};
}


.toplinks .remember input {
    vertical-align: baseline;
}


.toplinks ul.isuser .notifications .popupbody li{
    border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}


.cb_cookieuser_navbar{
    position: relative;
    top: 2px;
}


.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}


.notifications>a:link, .notifications>a:visited {
        /* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
    color: {vb:stylevar toplinks_link_color};
    text-decoration:none;
}


.notifications > a:hover,
.notifications a.popupctrl:hover {
    color: {vb:stylevar toplinks_linkhover_color};
}


.notifications {
    font-size:{vb:stylevar small_fontSize};
    color: {vb:stylevar toplinks_link_color};
    -moz-border-radius-bottom{vb:stylevar left}: 5px;
    -webkit-border-bottom-{vb:stylevar left}-radius: 5px;
    border-bottom-{vb:stylevar left}-radius: 5px;
    -moz-border-radius-bottom{vb:stylevar right}: 5px;
    -webkit-border-bottom-{vb:stylevar right}-radius: 5px;
    border-bottom-{vb:stylevar right}-radius: 5px;


}


.notifications a {
    text-decoration:none;
}


.notifications .popupbody {
    color:{vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
}


.header hr,
.header h2 {
    display:none;
}


/*************************************************/
/* NAVBAR */


.navbar {
    position:relative;
    height: {vb:math {vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height}} + {vb:stylevar navbar_menu_height}};
    background:{vb:stylevar navbar_background};
    margin:{vb:stylevar navbar_margin};
    color:{vb:stylevar navbar_color};
    font:{vb:stylevar navbar_font};
    border:{vb:stylevar navbar_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }


.navtabs {
    background:{vb:stylevar navbar_tab_background};
    padding: {vb:stylevar navbar_tab_padding};
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}


.navtabs li:first-child {
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}


.navtabs ul {
/*    height: {vb:stylevar popupmenu_height}; */
    position:absolute;
    top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_padding.paddingTop}}{vb:stylevar navbar_tab_size.units};
    {vb:stylevar left}:0px;
    width:100%;
    border-top:{vb:stylevar navbar_tab_border};
    -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}{vb:stylevar navbar_tab_size.units};
/* This is to fix RTL menu issue under Opera */
    direction:ltr;
}


.navtabs li {
    float:{vb:stylevar left};
    border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}


.navtabs ul li:first-child {
    margin-{vb:stylevar left}: 20px;
    border-{vb:stylevar left}: 0;
}


#navtabs .popupmenu ul li:first-child {
    margin-{vb:stylevar left}: 0px;
}


.navtabs ul li {
    border-{vb:stylevar right}: 0;
    position: relative;
}


.navtabs li a {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    padding:0 {vb:stylevar padding};
}


.navtabs li a.navtab {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display:block;
    background:{vb:stylevar navbar_tab_background};
    min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    width:auto !important;
    width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    text-align:center;
    color: {vb:stylevar navbar_tab_color};
    font:{vb:stylevar navbar_tab_font};
    text-decoration:none;
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}


.navtabs li a.navtab:hover {
    background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
    color:{vb:stylevar navbar_tab_selected_color};
}


.navtabs li.selected {
    height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    color:{vb:stylevar navbar_tab_selected_color};
}


.navtabs li.selected a.navtab {
    color:{vb:stylevar navbar_tab_selected_color};
    background:{vb:stylevar navbar_tab_selected_background};
    position:relative;
    top:-{vb:stylevar navbar_tab_selected_top_height};
    padding-top:{vb:stylevar navbar_tab_selected_top_height};
    z-index:10;
}


.navtabs li.selected li a,
.navbar_advanced_search li a {
    text-decoration:none;
    font:{vb:stylevar navbar_font};
    line-height: {vb:stylevar navbar_menu_height};
}


.navtabs li.selected li a {
    color:{vb:stylevar navbar_link_color};
    padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}


.navtabs li.selected ul.popupbody a {
    line-height: {vb:stylevar popupmenu_height};
}


.navbar_advanced_search li {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
    clear:both;
}


.navbar_advanced_search li a {
    color:{vb:stylevar navbar_link_color};
}


.navbar_advanced_search li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}


.navtabs li.selected li a:hover {
    color:{vb:stylevar navbar_linkhover_color};
    text-decoration:{vb:stylevar linkhover_textDecoration};
}


.navtabs li.selected .popupbody li a {
    text-indent: 0;
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
}


.navtabs li.selected .popupbody li a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background: {vb:stylevar navbar_popupmenu_link_hover_background};
}


.navtabs li.selected li a.popupctrl {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;    
    border-radius:3px;
    border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
    background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
    padding-{vb:stylevar right}:15px;
    color: {vb:stylevar navbar_link_color};
}


.toplinks .notifications a.popupctrl {    
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}


.toplinks .nonotifications a.popupctrl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}


.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 15px;
    background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}


.toplinks .notifications a.popupctrl:hover {
    padding-top: 3px;
}


.navtabs li.selected li:hover a.popupctrl {
    border-color:{vb:stylevar navbar_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    text-decoration:none;
}


.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
    border-color:{vb:stylevar navbar_tab_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    color:{vb:stylevar navbar_link_color};
    border-radius: 3px 3px 0px 0px;
    text-decoration:none;
}


.navtabs .popupbody {
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    width: auto;
}


.navtabs .popupbody li {
    float:none;
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}


#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
    height: auto;
}


.nonotifications div.popupbody {
    min-width: 170px;
    width: auto !important;
    width: 170px;
    background: {vb:stylevar navbar_tab_background.backgroundColor};
    border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}


.nonotifications .popupbody p {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    text-align: {vb:stylevar left};
    border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
    padding: 0;
    text-indent: {vb:math {vb:stylevar padding}/2};
    line-height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    display:block;
}


.toplinks .nonotifications .popupbody a {
    color: {vb:stylevar navbar_popupmenu_link_color};
    background: {vb:stylevar navbar_popupmenu_link_background};
    float: none;
    clear: none;
    padding: 0 {vb:math {vb:stylevar padding}/2};
    margin-{vb:stylevar left}: 0;
    text-align: {vb:stylevar left};
    line-height: {vb:stylevar popupmenu_height};
}


.toplinks .nonotifications .popupbody a:hover {
    color: {vb:stylevar navbar_popupmenu_link_hover_color};
    background:{vb:stylevar navbar_popupmenu_link_hover_background};
    text-decoration: {vb:stylevar linkhover_textDecoration};
    padding: 0 {vb:math {vb:stylevar padding}/2};
}


.globalsearch {
    position:absolute;
    width:180px;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
    top: {vb:stylevar navbar_tab_padding.paddingTop}{vb:stylevar navbar_tab_padding.units};
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    text-align:{vb:stylevar right};
    line-height: 1.0em;
    display:block;
}


.navbar_search {
    position:relative;
    width: {vb:math {vb:stylevar navbar_tab_bevel}+179};
    {vb:stylevar right}: -{vb:math {vb:math {vb:stylevar padding}*2}-{vb:stylevar navbar_tab_bevel}+1};
    display:block;
}


.navbar_search input {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    vertical-align:middle;
    padding: 1px;
    border:{vb:stylevar input_border};
}


.globalsearch .textboxcontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    float: {vb:stylevar left};
    text-align:center;
}


.globalsearch .textboxcontainer span {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display: inline-block;
    height: {vb:math {vb:stylevar navbar_tab_size.height}-4}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 2px;
    padding-{vb:stylevar right}: 2px;
    padding-top: 3px;
    margin-bottom: 1px;
    width: 147px;
}


.globalsearch input.textbox {
    width: 120px;
}


.toplinks form input.loginbutton {
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
    padding: 0 {vb:math {vb:stylevar padding}/2};
    border:solid 1px {vb:stylevar heavy_border.borderColor};
}


.globalsearch .buttoncontainer {
    height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
    display:inline-block;
    border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
    width: 25px;
    overflow: hidden;
    float: {vb:stylevar right};
}


.globalsearch .buttoncontainer span{
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    height: {vb:math {vb:stylevar navbar_tab_size.height}-3}{vb:stylevar navbar_tab_size.units};
    padding-{vb:stylevar left}: 4px;
    padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}{vb:stylevar navbar_tab_size.units};
    display:inline-block;
}


.globalsearch .searchbutton {
    border: 0;
    padding: 0;
    width: 22px;
    margin-top: -2px;
    margin-{vb:stylevar left}: -2px;
}


/*************************************************/
/* BREADCRUMB */


.breadcrumb .navbit {
    float:{vb:stylevar left};
    background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
    background-position:{vb:stylevar right} center;
    background-repeat:no-repeat;
    padding-{vb:stylevar right}:10px;
    padding-{vb:stylevar left}:3px;
}


.breadcrumb .navbit:first-child {
    padding-{vb:stylevar left}:0;
}


.breadcrumb .navbit.lastnavbit {
    background: transparent;
}


.breadcrumb .navbit.lastnavbit span {
    float:{vb:stylevar left};
    background: transparent;
    padding-{vb:stylevar right}:10px;
    padding-{vb:stylevar left}:3px;
}


.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
    display:block;
    padding:2px 4px;
    float:{vb:stylevar left};
    background-color:transparent;
    border:1px solid transparent;
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius:{vb:stylevar border_radius};    
    border-radius:{vb:stylevar border_radius};    
}


.breadcrumb .navbit a {
    text-decoration:none;
}


.breadcrumb hr {
    display:none;
}


/*************************************************/
/* PAGE TITLE */
    
#pagetitle {
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
    border:{vb:stylevar pagetitle_border};
}
#pagetitle a { color:{vb:stylevar pagetitle_link_color}; }
#pagetitle a:hover { color:{vb:stylevar pagetitle_linkhover_color}; }


#pagetitle h1 {
    color: {vb:stylevar pagetitle_color};
    font:{vb:stylevar pagetitle_font};
}


#pagetitle .description {
    color: {vb:stylevar pagetitle_description_color};
    font-size: {vb:math {vb:stylevar font.fontSize}*0.85}{vb:stylevar font.units};
}


/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
    background: {vb:stylevar control_content_background};
    _background-image: none;
    -moz-border-radius: {vb:stylevar control_content_radius};
    -webkit-border-radius: {vb:stylevar control_content_radius};
    border-radius: {vb:stylevar control_content_radius};
    -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
    font: {vb:stylevar control_content_font};
    color: {vb:stylevar control_content_color};
    padding: {vb:stylevar control_content_padding};
    border: {vb:stylevar control_content_border};
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}


.newcontent_textcontrol span {
    font:{vb:stylevar control_content_font};
    font-size:{vb:math {vb:stylevar control_content_font.fontSize}+1}{vb:stylevar control_content_font.units};
    font-weight:bold;
    display:inline;
}


.newcontent_textcontrol:hover {
    background: {vb:stylevar control_content_hover_background};
    color: {vb:stylevar control_content_hover_color};
    text-decoration: none;
}




/*************************************************/
/* FOOTER */


.footer {
    clear:both;
    margin-top:{vb:math {vb:stylevar padding}*1.5};
    text-align:{vb:stylevar right};
    display:block;
    /*width: 100%; VBIV-10173*/
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar footer_moz_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
</vb:if>
    background:{vb:stylevar footer_background};
    padding:{vb:stylevar footer_padding};
    border:{vb:stylevar footer_border};
    color:{vb:stylevar footer_color};
    font:{vb:stylevar footer_font};
}
.footer a { color:{vb:stylevar footer_link_color}; }
.footer a:hover { color:{vb:stylevar footer_linkhover_color}; }




.footer_copyright,
.footer_morecopyright {
    padding-bottom:{vb:math {vb:stylevar padding}/2};
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    margin-top: {vb:stylevar padding};
    text-align:center;
    display:block;
}


.footer_time {
    color:{vb:stylevar footer_copyright_color};
    font:{vb:stylevar footer_copyright_font};
    padding-top:{vb:stylevar padding};
    text-align:center;
}


.footer_select {
    float:{vb:stylevar left};
    text-align:{vb:stylevar left};
    margin-{vb:stylevar left}: {vb:stylevar padding};
    margin-top: 0;
}


.footer_links {
    margin-{vb:stylevar right}: {vb:stylevar padding};
    margin-top: 2px;
}


.footer_links li {
    display:inline;
    margin-{vb:stylevar left}:{vb:math {vb:stylevar padding}/2};
}


.below_body .time {
    color: {vb:stylevar footer_time_color};
}


.notices {
    background: {vb:stylevar body_background.backgroundColor};
    margin: {vb:math {vb:stylevar padding}/2} 0;
}


.notices li {
    background: {vb:stylevar notices_background};
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
    color: {vb:stylevar body_color};
    padding:{vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    margin-bottom:{vb:math {vb:stylevar padding}/2};
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
    -moz-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: 2px 2px 2px {vb:stylevar notices_shadow_color};
<vb:else />
    -moz-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
</vb:if>
    text-align: {vb:stylevar left};
    clear:both;
}


.breadcrumb .navbithome {
    float: {vb:stylevar left};
    padding: {vb:math {vb:math {vb:stylevar font.fontSize}+6px-12px}/2} 0;
}
/* end styles for template: navbar */


/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
}
#ad_global_header1 {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_header2 {
    float:{vb:stylevar left};
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_below_navbar {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
}
#ad_global_above_footer {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
    clear:both;
}
#ad_board_below_whats_going_on {
    width:100%;
    padding:{vb:stylevar ad_padding};
    margin:{vb:stylevar ad_margin};
    text-align:{vb:stylevar left};
}
#ad_thread_first_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
}
#ad_thread_last_post_content {
    float:{vb:stylevar right};
    margin:{vb:stylevar ad_margin};
    z-index: 1000;
}
.google_adsense_footer {
    clear:both;
}

**bt012ss** · 14.02.2012, 10:06

Ich kann ihn sehen.

Zitat von zlatan

Ich habe das Ganze in den Editor vom Windows gepackt und via Suchfunktion probiert zu finden.
Leider vergebens. Im Code ist dieser Text nicht zu finden.

Code:

.toplinks {
    position:absolute;
    {vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
    top:0;
    color:{vb:stylevar toplinks_link_color};
    font: {vb:stylevar header_font};
    text-align:{vb:stylevar right};
    background:{vb:stylevar toplinks_background};
}

**zlatan** · 14.02.2012, 10:37

Diesen Bereich hier hier text-align:{vb:stylevar right}; habe ich jetzt in text-align:{vb:stylevar left}; umgeändert.

Ergebnis sieht nun so aus:
.toplinks {
position:absolute;
{vb:stylevar left}:{vb:math {vb:stylevar padding}*2};
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar left};
background:{vb:stylevar toplinks_background};

Das Logo ist leider immer noch ganz links zu sehen. Wie bringe ich es auf die rechte Seite?

**bt012ss** · 14.02.2012, 11:01

Tja, Logo hab ich keins mehr. Hab ich mich also noch nie mit beschäftigt.

**sammy1** · 14.02.2012, 11:02

Hi,

trage mal folgendes in das Template additional.css ein:

Code:

.logo-image {
float:right;
}

**zlatan** · 14.02.2012, 11:37

Danke! Hat jetzt gut geklappt!

Eine Frage noch

{position:absolute; margin-top: 10px;

Warum war dieses margin top 10px nicht bei mir im Code drinnen?

**sammy1** · 14.02.2012, 12:10

Weil...,
...wenn du den Beitrag von bt012ss richtig liest, feststellst, dass das eine Empfehlung von ihm ist,
wie du die Höhe der Linkleiste anpassen kannst, wenn du es denn willst!

Zitat von bt012ss

Weiterhin kannst du in position:absolute; margin-top: 10px; die Höhe der Linkleiste ändern. Ich hab 10px, je größer die Zahl desto tiefer kommt die Leiste.

**zlatan** · 14.02.2012, 13:21

Zitat von sammy1

Weil...,
...wenn du den Beitrag von bt012ss richtig liest, feststellst, dass das eine Empfehlung von ihm ist,
wie du die Höhe der Linkleiste anpassen kannst, wenn du es denn willst!

Danke!

Beim aktuellen Projektaufbau muss ich mich in so extrem viel Sachen einlesen, da überlese unbewusst schnell mal was.

echten Dank für die Hilfsbereitschaft.