Beiträge von anatul

anatul

Letterhead CSS Part II

Code

/* Begin Structure */
body {
    margin: 0;
    padding: 0; 
    }


#page {
    background-color: black;
    margin: 20px auto;
    padding: 0;
    width: 900px;
    border: 1px solid #959596;
    }
    
#header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: black;
    }


.narrowcolumn {
    float: left;
    padding: 0 0 20px 25px;
    margin: 0px 0 0;
    width: 460px;
    }


.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 100px;
    width: 550px;
    }


.pagepost {
    margin: 0 0 40px;
    border-top: 1px solid grey;
    }
    
.post {
    margin: 0 0 15px;
    text-align: justify;
    border-top: 1px solid grey;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }
    
#footer {
    padding: 0 0 0 1px;
    margin: 0 auto;
    width: 899px;
    clear: both;
    }


#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
/* End Structure */


/*    Begin Headers */
h1 {
    padding-top: 40px;
    margin: 0;
    }


.description {
    text-align: center;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }
#sidebar2 h2 {
    margin: 5px 0 0;
    padding: 0;
    }




h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */
/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px; 
    text-align: center;
    }


#sidebar #searchform #s {
    width: 115px;
    padding: 2px;
        background-color: #909090;
        border-style: ridge;
    }


#sidebar #searchsubmit {
    padding: 1px;
    background-color: #909090;
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
        background-color: #A0A0A0;
        border-style: ridge;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
        background-color: #A0A0A0;
        border-style: ridge;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */






/* Begin Sidebar */
#sidebar
{
    padding: 20px 0 10px 0;
    margin-left: 710px;
    width: 160px;
        background-color: #111111;
    }


#sidebar form {
    margin: 0;
    }
/* End Sidebar */


/* Begin Sidebar2 */
#sidebar2
{
    padding: 20px 0 10px 0;
    margin-left: 20px;
    width: 160px;
        float: left;


    }


#sidebar2 form {
    margin: 0;
    }
/* End Sidebar2 */










/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }
hr {
 display: none;
 }
 
.center {
    text-align: center;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }


.entry img, .entrytext img {
    margin: 7px;
    }


.theme {
    font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: left;    
       }




/* End Various Tags & Classes*/

Alles anzeigen

anatul

Letterhead CSS Part 1

wo also da genau margin ändern?

Code

/* 
Theme Name: 3c-Black-LetterHead
Theme URI: http://aydin.net/blog/2006/02/13/wordpress-theme-three-column-black-letterhead/
Description: Based on Robin Hastings' Letterhead, and modifications by Ulysses Ronquillo, but with a three column layout. Deutsche &Uuml;bersetzung von <a href="http://annette.wordblog.de/themes/">Annette Foelske-Schmitz</a>.
Author: Hakan Aydin
Author URI: http://www.aydin.net/blog
Version: 1.1


.
Three column version by Hakan Aydin - http://aydin.net/blog
.
CSS colors modified by Ulysses Ronquillo located at http://ulyssesonline.com.
.
This theme was originally designed and built by Robin Hastings, whose blog you will find at 
http://www.rhasting.net. It uses the default Kubrick theme as a base. 


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
.
*/


/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #101010;
    color: #B0B0B0;
    text-align: center;
    }


#page {
    background-color: black;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
    background-color: black;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }
    
.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: black;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background-color: black;
    border-right: 1px solid #959596;
    }


small {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
    font-weight: bold;
    }


h1 {
    font-size: 3.5em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5em;
    }


.description {
    font-size: 1.2em;
    text-align: center;
    letter-spacing: .6em;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }
#sidebar {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    }
#sidebar h2 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    }


#sidebar2 {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    }
#sidebar2 h2 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #FD5A1E;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #E4D3A6;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #FD5A1E;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em Verdana, Arial, Sans-Serif;
    }
    
.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em Verdana, Arial, Sans-Serif;
    }
#sidebar2 {
    font: 1em Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #666;
    }
    
code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
        color: #FD5A1E;
    text-decoration: none;
    }


a:hover {
    color: #707070;
    text-decoration: underline;
    }
    
#wp-calendar #prev a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */

Alles anzeigen

anatul

Habe jetzt ein neues Theme installiert namens Letterhead.

IE ist übrigens 6.0, habs mit dem Theme Mackone komischerweise mit folgender Methode hinbekommen.

CSS: Design zentrieren Â» collis & engel - Blog fÃ¼r Webdesign, Webentwicklung & Online-Marketing

Beim Letterhead funzt es leider nicht, oder ich habe was falsch gemacht.

Gab doch da ein Anti IE plugin, ich weiß, für einen Coder ne lachnummer, aber ich bin ja nunmal kein Coder^^. wenn es hilft, warum nicht. Finde es nur nirgens...

PS: Page is offline.

Gruß

(CSS musste ich splitten da zu viele Zeichen)

anatul

Hi, hab ein kleines Problem

hab Wordpress 2.6 installiert und egal welches Theme ich benutze wie z.B. Kubrick oder MackOne, der Blog wird im Firefox wie es sein soll mittig angezeigt, im IE jedoch Linksbündig, warum?

Hab das Forum schon durchsucht aber nichts passendes gefunden oder übersehen, von daher bitte nicht steinigen^^

Gruß

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von anatul

Blog im IE falsch, nur Linksbündig

Blog im IE falsch, nur Linksbündig

Blog im IE falsch, nur Linksbündig

Blog im IE falsch, nur Linksbündig