Anordnung ändern

Guido

Hi Leute, ich habe bis jetzt ein klasse Theme, das ich mir auch schon ins deutsche übersetzt habe.
Nun habe ich schon etwas Platzmangel und habe das Theme "Cordobo Green Park gesehen.
Dieses Theme gefällt nur hätte ich gern beide Sidebars auf der rechten Seite und die Artikel auf der linken.
Mit Joomla oder wbb habe ich schon ziemlich viel rumhantiert, nur leider kenne ich mich mit Wordpress noch nicht so aus. kann mir jemand sagen wo ich es ändern kann?

CSS

/** BEGIN ADDED **/


* html #header { height: 47px; }


* html #content, * html .entry_firstpost, * html .entry, * html img {
    position: relative;
}


ul.weiterlesen {
    list-style: none;
    background: url(images/content_bullet.gif) no-repeat 0 6px;
    padding: 2px 0 2px 18px;
    margin: 0px;
    clear: left;
    }


img {
    border: none 0px;
}


.main p img {
    border: none 0px;
    margin-right: 20px;
    margin-bottom: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    width: auto;
}


.entry {
    background: #fff;
    border: 0px dotted #CDE985;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    padding: 15px;
    margin: 0px;
}


.entry_firstpost{
    background: #F3F3F3 url(images/latest.gif) no-repeat bottom right;
    border: 1px solid #fff;
    padding: 15px;
    margin: 0px;
}




h1 a img {
    border: none 0px;
    text-decoration: none;
    }


/** END ADDED **/




/* 1) -=-=-=- General selectors -=-=-=- */


body {
    background: #BEBEBE url(images/chungo_bg_grey_left.gif) repeat-y;
    margin: 0px;
    padding: 0px;
    font-family:'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
    font-size: 80%;
    color: #000000;
    text-align: center;
}


#header {
    color: #FCFEF4;
    margin: 0px;
    font-size: .9em;
    height: 47px;
    line-height: 47px;
    width: auto;
    background: url(images/chungo_logo_headerbar_green.png) repeat-x right bottom;
    }


#header_left_bg {
    margin: 0;
    padding: 0;
    height: 47px;
    width: auto;
    background: url(images/header_left.png) no-repeat left bottom;
    }


#single_post_right {
    color: #FCFEF4;
    margin: 0px 16px 0px 16px;
    padding: 0px;
    font-size: .9em;
    line-height: 18px;
    height: 19px;
    width: auto;
    background: url(images/single_post_right.gif) repeat-x right top;
}


#single_post_left {
    color: #888888;
    margin: 0px 16px 0px 0px;
    padding: 0px;
    padding-left: 16px;
    font-size: .9em;
    line-height: 18px;
    height: 19px;
    width: auto;
    background: transparent url(images/single_post_left.gif) no-repeat left top;
}


#topentry_bg {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    color: #FCFEF4;
    margin: 0px;
    padding: 0px;
    line-height: 104px;
    height: 104px;
    width: auto;
    background: url(images/topentry_bg.png) repeat-x;
    }


#topentry {
    border-bottom: 1px dotted #000;
    margin: 0px;
    padding: 25px;
    font-size: 1.1em;
    line-height: 1.1em;
    width: auto;
    background: transparent;
    }


#header h1, #header h1 a {
    margin: 0px;
    margin-left: 15px;
    font-size: 1.5em;
    line-height: 47px;
    height: 47px;
    background: transparent url(images/chungo_header_left.png) left bottom;
    text-decoration: none;
    border: none 0px;
    color: #fff;
}


h1 {
    margin: 0px;
    font-size: 2.2em;
    line-height: 47px;
    height: 47px;
    background: none;
    text-decoration: none;
    border: none 0px;
}


h1 a:link img, h1 a:visited img {
    background: transparent url(images/chungo_logo.png) no-repeat left top;
    text-decoration: none;
    border: none 0px;
    }




h2 {
    color: #5CA605;
    font-weight: normal;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0px;
    padding: 0px;
    background: none;
    }




h2 a:link, h2 a:visited {
    color: #5CA605;
    font-weight: normal;
    text-decoration: none;
    background: none;
    }


h2 a:hover, h2 a:active {
    color: #679000;
    font-weight: normal;
    text-decoration: none;
    background: none;
}


h3 {
    font-size: 1.4em;
    line-height: 1.4em;
    height: auto;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    color: #5CA605;
    background: none;
}


.links h3 {
    font-size: 1.4em;
    line-height: 31px;
    height: 41px;
    margin: 0px;
    padding-left: 10px;
    font-weight: bold;
    color: #ffffff;
    background: url(images/h3_bg.gif) no-repeat;
}


a:link {
    color: #78A515;
    font-weight: bold;
    text-decoration: none;
    }


a:visited {
    color: #999;
    }


a:hover, a:active {
    background: none;
    color: #679000;
    }


blockquote {
    border-left: 4px solid #3F3F3F;
    padding: 0 10px;
    margin: 0 0 0 10px;
    font-style: italic;
    }


code {
    display: block;
    padding: 10px;
    color: #444E1F;
    background: #F5F8E8;
    font-size: 1.2em;
    border-top: 2px solid #D0EC98;
    }


p {
    line-height: 1.4;
    }


/* 2)-=-=-=- Structure -=-=-=- */


#container {
    margin: 0px;
    padding: 20px;
    text-align: left;
    background: url(images/chungo_bg_grey_right.gif) repeat-y right top;
}


#wrapper {
    padding: 16px;
    padding-bottom: 0px;
}


div#content {
    width: auto;
    margin: 0px;
    margin-left: 202px;
    margin-right: 202px;
    padding: 10px;
    background: #efefef;
}


#navibar {
    float: left;
    width: 182px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background: #fff url(images/container_left.gif) no-repeat;
}


#right {
    float: right;
    width: 182px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background: #fff url(images/container_right.gif) no-repeat;
}


.links {
    margin: 0px;
    margin-left: 15px;
    margin-top: 15px;
    padding: 0px;
    background: none;
}


#navi_end_left {
    width: 182px;
    margin: 0px;
    padding: 0px;
    height: 20px;
    background: #fff url(images/container_left_end.gif) no-repeat left bottom;
}


#navi_end_right {


    width: 182px;
    margin: 0px;
    padding: 0px;
    height: 20px;
    background: #fff url(images/container_right_end.gif) no-repeat left bottom;
}


#footer {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    height: 47px;
    width: 100%;
    background: #B1E61B url(images/chungo_logo_headerbar_green.png) repeat-x right bottom;
    clear: left;
    text-align: center;
}


#footer_left_bg {
    margin: 0;
    padding: 0;
    height: 47px;
    width: auto;
    background: url(images/footer_left.png) no-repeat left bottom;
    }


#footer_left_bg p {
    color: #3C7C20;
    margin: 0;
    font-size: .9em;
    padding-top: 10px;
    background: none;
    text-align: center;
}




/* 3)-=-=-=- Left selectors -=-=-=- */


.meta {
    background: #fff;
    font-size: .9em;
    padding: 5px;
    border:     1px dotted #5CA605;
    }


.highlight { /* Basic highlight for text */
    background: #F7FEDC;
    }


.comments {
    font-size: 1.2em;
    padding-bottom: 25px;
    padding-left: 0px;
    }


.comments a:link, .comments a:visited {
    color: #78A515;
    font-weight: bold;
    text-decoration: none;
    }


.comments a:hover, .comments a:active {
    background: #78A515;
    color: #fff;
    text-decoration: none;
    }


.alt {
    background: #EAF8CF !important;
    border: 1px solid #D5F0A4 !important;
    padding: 10px 10px 0 10px !important;
    }


.alt:hover {
    border: 1px solid #ACE149 !important;
    }


.commentlist li:hover {
    border: 1px solid #ACE149;
    }


.commentlist {
    padding: 0;
    margin: 0;
    }


.commentlist li {
    list-style: none;
    padding: 10px 10px 0 10px;
    background: #F6FCEB;
    border: 1px solid #DEF3B6;
    margin: 10px;
    color: #3C452D;
    }


p.metadate {
    font-size: .8em;
    margin: 0;
    text-transform: uppercase;
    }


p.comment_meta {
    margin: 0 0 10px 10px;
    font-size: .9em;
    }


.comment_author a:visited {
    font-weight: bold;
    text-decoration: none;
    }


.reply {
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0 0 10px;
    }


.warning p { /* Used on the search page (image will appear if no result is found) */
    background: url(images/warning.gif) no-repeat left;
    height: 160px;
    padding: 20px 0 0 90px;
    font-size: 1.5em;
    margin: 0 0 0 10px;
    }


.postinput {
    margin-left: 10px;
    }


/* 4)-=-=-=- Right selectors -=-=-=- */


#author li {
    list-style: none;
    margin: 0;
    padding: 0 5px 20px 0;
    font-size: .9em;
    line-height: 1.4;
    }


#author ul {
    padding: 20px 0 0 0;
    margin: 0;
    }


.links li {
    list-style: none;
    background: url(images/content_bullet.gif) no-repeat 0 7px;
    padding: 2px 0 2px 15px;
    }


.links li li {
    background: url(images/sub_icon.gif) no-repeat 0 4px;
    padding: 2px 1px 2px 13px;
    font-size: 1em !important;
    }


.links li li li {
    background: url(images/sub_icon.gif) no-repeat 0 5px;
    padding: 3px 0 2px 13px;
    font-size: 1em !important;
    }

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Ammaletu

Ich glaube, die Frage ist eher, ob Du Dich mit HTML, CSS und PHP auskennst. ;-) Das Theme ist ja auch nur eine Sammlung von PHP-Dateien. Die gewünschte Änderung lässt sich vermutlich machen, indem die Spalten anders gefloatet werden, aber das müsste man dann lokal in aller Ruhe austüfteln und auch in verschiedenen Browsern testen.

Der erste Schritt wäre sicher, #navibar auf "float: right" umzustellen. Aber mit ziemlicher Sicherheit hängen da noch Details dran (Hintergrundbild anpassen, Abstände etc.), die ich jetzt so auf Anhieb nicht sehe. Sollte aber an sich nicht schwierig sein. Am besten an einer lokalen Testinstallation einfach mal ausprobieren.

Guido

Danke dir schon mal....
Mein Problem ist, das ich zwar sehr viel mit Grafik- und Bilddesign mache und auch schon Themes für Joomla oder wbb erstellt habe, aber im großen und ganzen "fuckel" ich mich eigentlich mehr durch.
Hatte schon gedacht das es mit der Sidebar zusammenhängt, aber anders herum dachte ich das die Abstände doch irgendwo in Prozent oder PX aufgeführt sein müssten (so kenne ich es bis jetzt)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anordnung ändern

Jetzt mitmachen!