Beiträge von Lockito13

Lockito13

Moin,

vielleicht ist das hier doch besser aufgehoben:

benutze seit heute das neue MistyLook-Theme (3.8 RC) und finde nicht heraus, wie ich den Navigationshintergrund auf der vollen Breite von 860px weiss bekomme. Außerdem ist es mir ein Rätsel, wie ich den Inhalt dazu bekomme, oben bündig anzuschließen. Die Navigation hängt 20px oder so zu tief...

Hat irgendjemand eine Idee?

Besten Dank schonmal!

http://www.blitzrad.de

die komplette style.css als .txt gibts hier: http://ge.tt/8MEyxO6?c

Lockito13

die komplette style.css als .txt gibts hier: http://ge.tt/8MEyxO6?c

Lockito13

Moin,

benutze seit heute das neue MistyLook-Theme (3.8 RC) und finde nicht heraus, wie ich den Navigationshintergrund auf der vollen Breite von 860px weiss bekomme. Außerdem ist es mir ein Rätsel, wie ich den Inhalt dazu bekomme, oben bündig anzuschließen. Die Navigation hängt 20px oder so zu tief...

Hat irgendjemand eine Idee?

Besten Dank schonmal!

http://www.blitzrad.de

hier ein Auszug der style.css (musste kürzen, Text war zu lang):

Code

*/
* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.8em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
a {text-decoration:none;}
a:link, a:visited {
    color: #000;    
}
a:hover, a:active {
    border-bottom:#000 0px solid;
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    background: none;
    border: 0;
    padding: 0;
}
.clear {
    clear:both;
    height:20px;
}
blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset { border:0;}
h1, h2, h3, h4,h5,h6 {
    font-family: Georgia, Arial, Verdana, Serif;
    font-weight: normal;
    line-height:1.4em;    
        margin:0 0 0.2em 0;
    padding:0;
}
h1 {font-size:2em;}
h2 {font-size:1.7em;}
h3 {font-size:1.5em;}
h4 {font-size:1.5em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
img 
{
    background:url() no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border:0;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
a:link img,
a:visited img,
a:hover img,
a:active img {
    border:none;
    background:none;
    padding:none;
    background:url() no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;        
}
pre, code
{
    display:block;
    margin:1em;
    padding:1em;
    font-family:"Courier New", Arial, Verdana, Serif;
    font-size:1em;
}
abbr, acronym
{
    cursor:help;
}
hr
{
    clear:both;
    margin-top:5px;
    color:#eee;
}
table
{
    width:100%;
    border:#eee 1px solid;
    padding:5px;
}
th
{
    text-align:left;
    background:#cdcdcd;
    padding:5px;
}
tr.even { background:#ededed;}
td, th { padding:10px;}


/************************************************
*    Page Menu                             *
************************************************/
/* =Menu
-------------------------------------------------------------- */


#access {
    margin: 0 auto;
    width: 980px;
    display:block;
}
#access .menu-header,
div.menu {
    font-size: 10px;
    margin-left: 59px;
    border-left: 1px solid;
    border-left-color: #000;
}
#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 5px 0 0;
}
#access .menu-header li,
div.menu li {
    float:left;
    position: relative;
}
#access a {
    display:block;
    text-decoration:none;
    color:#000000;
    padding:8px 16px;
    background:#d8d8b1;
    border-left:none;
    color: #000000;    
    margin:0 0 0 0;
}
#access ul ul {
    display:none;
    position:absolute;
    top:32px;
    left:0;
    float:left;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    width: 180px;
    z-index: 99999;
}
#access ul ul li {
    min-width: 860px;
}
#access ul ul ul {
    left:100%;
    top:0;
}
#access ul ul a {
    background:#d8d8b1;
    border:#d6d9d6 1px solid;
    color: #183618;    
    height:auto;
    line-height:1em;
    padding:10px;
    width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
    background:#fff;
}
#access ul li:hover > ul {
    display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    background: #fff;
}


* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    background:#fff;
}
#access #searchform  
{
        float:right;
       background:#000;
        padding:0 14px;
       border:#d6d9d6 1px solid;
       border-bottom:0px;
}
#access #s 
{
    background:#f3f6f3 url(img/bg.jpg) no-repeat left;
    padding-left:20px;
    width:150px;
}
body 
{
    background:url('/wordpress/wp-content/themes/misty_look__3_de/misty_look_de/img/bg.jpg') repeat #000000;
    background-attachment:fixed;
    margin: 0 0 0 0; 
    font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
#container {
    border-left-width:1px;
      border-left-style:solid;
    border-right-width:1px;
      border-right-style:solid;
    border-color:#000000;
    background: #ffffff;  
    margin: 0 auto; 
    width: 860px;     
    position: relative; 
    text-align: left;
    clear:both;
}
#header {
    background:#fff;
    clear: both; 
    float: left; 
    margin: 0 0 0 0; 
    width: 860px;
    font-family:Cambria, Verdana, Arial, Serif;
}
#header h1 
{
    font-size:1.8em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    font-weight:normal;
}
#header h1 a {
    
    text-decoration:none;    
    border:0;
}
#header h1 a:hover,
#header h1 a:active {
    border-bottom:#963 1px solid;
}
#header #desc 
{
    margin:0 0 0 10px;
    font-size:1.2em;
    font-weight:normal;
}


#headerimage {
    clear: both; 
    background: #fff url(img/misty.jpg) no-repeat 0 0 center;
    margin: 0px; 
    color: #fff;     
    height: 300px;
    width:860px;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding-left:2em;
}
#content-main 
{
    margin: 70px 60px 0px 60px;    
    display:inline;
    float: left; 
    width: 740px;     
    padding:0 15px;
}
#content-main ul 
{
    margin:0 1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dotted;
}


#content .post 
{
    clear:both;
    margin:1em 0;
    padding:0 0 2em 0;
    border-bottom:#dcc 1px dotted;
}
#content .entry 
{
    clear:both;
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dotted;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .entry li 
{
    margin:0 0 0.3em 0;
    padding:0;
    line-height:1.6em;
}
#content .post-info , #content .postmetadata
{
    font-family: Calibri, Verdana, Arial, Serif;
    clear:both;
    color:#999;
    margin:0;
    padding:0;
    font-size:1.1em;
}
#content .post-info, 
#content h2.pagetitle 
{
    background:url(img/underline1.jpg) no-repeat left bottom;
    padding-bottom:15px;    
}
.postnav {
    display: block;
    margin: 10px 0 60px;
    
}
.alignleft 
{
    float:left;
    text-align:left;    
}
.alignright
{
    float:right;
    text-align:right;    
}
/* Sidebar */
#sidebar {
    float: right; 
    width: 280px;
    margin:0 15px;
    font-size:0.9em;
}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar li 
{
    margin-bottom:8px;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
}
#sidebar ul ul ul
{
    margin:0 0 0 1em;
}
#sidebar li.sidebox {
    padding:10px;
    margin:0 0 2em 0;
    background: #ededed;         
        /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
li#sidelinks ul
{
    margin:0;
    padding:0;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}
#sidebar h2, 
#sidebar h3 
{ 
    text-transform:uppercase;
    color:#181836;             
}
#footer {
    clear: both;     
    margin: 0 auto; 
    width: 960px;     
    text-align: left;
}
#footer p {
    float: left; 
    width: 50%; 
    line-height: 1.2em;
}
#footer p.right {
    float: right; 
    margin: 1em 0; 
    width: 50%; 
    text-align: right;
    font-size: 0.9em; 
    color:#999;
}
#comments, #respond
{
    clear:both;
    margin: 0;
    padding:1em 0 0 0;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
.nocomments 
{
    text-align:center;
    color:#999;
    font-size:0.9em;
}
#container .commentlist {
    margin: 1em 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}
#container .commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em 0.5em 2em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
}
#container .commentlist li.alt 
{
    background:#f9f9f9;    
}
#container .commentlist li.authorcomment, #container .commentlist li.bypostauthor 
{
    border:#fc9 1px solid;      
}


#container .commentlist li .cmtinfo 
{
    font-size:1em;            
}
#container .commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}

Alles anzeigen

Lockito13

Dankeschön!

Lockito13

VIELEN VIELEN DANK! Ich werd das nachher gleich ausprobieren, muss wieder los.

Hast du vielleicht noch eine Idee wegen der Navigation?

Lockito13

Merci, hab den kompletten Template-Ordner hier hochgeladen: http://ge.tt/9N1XPN6

im Original war's übrigens das MistyLook-Thema

Lockito13

Hallo,

ich such seit 2 Tagen nach einer Möglichkeit, die Schrift in meiner Navigationsleiste so nach links zu schieben, dass sie bündig mit der Schrift in den Artikeln bzw. auf den Seiten ist.

Mein 2. Problem ist folgendes:
Ich benutze das individuelle Menü, erstelle ich Unterseiten, sind die in der Navigation direkt darunter sichtbar, ich möchte sie aber erst sichtbar machen wenn man über die entsprechende Überseite fährt, bzw. daraufklickt

kann da jemand helfen? Ich seh den Wald vor lauter Bäumen nicht mehr...
http://www.blitzrad.de

Hier die style.css:

Code

*/
* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.6em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
img
{
    background:url() no-repeat right bottom;
    padding:0px 10px 10px 4px;    
    border:none;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
a img {
    border:none;
    background:none;
    padding:none;
    background:url() no-repeat right bottom;
    padding:0px 0px 0px 0px;    
    border-top:#fff 6px solid;
    border-left:#fff 6px solid;
    border-bottom:#fff 6px solid;
    border-right:#fff 6px solid;    
}
.clear {
    clear:both;
    height:20px;
}


blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset 
{
    border:none;
}
body 
{
    background:url('/wordpress/wp-content/themes/misty_look__3_de/misty_look_de/img/bg.jpg') repeat #000000;
    background-attachment:fixed;
    margin: 0 0 0 0; 
    font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
    color: #000000;    
}
a:hover, a:active {
    color: #781e1e;
}
h1, h2, h3, h4, h5, h6 
{
font-family:Georgia, Verdana, Arial, Serif;
}


#container {  
    border-left-width:1px;
      border-left-style:solid;
    border-right-width:1px;
      border-right-style:solid;
    border-color:#000000;
    background: #ffffff; 
    margin: 0 auto; 
    width: 860px;     
    position: relative; 
    text-align: left;    
}
#navigation {
    border-left-width:1px;
      border-left-style:solid;
    border-right-width:1px;
      border-right-style:solid;
    border-color:#000000;
    background: #d8d8b1; 
    margin:0 auto 0; 
    padding:0 10px;
    overflow: hidden; 
    width: 840px; 
    position: relative; 
    text-align: left;
    font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
}
 html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left; 
    margin: 0px 2px 0px 0px;
    list-style-type: none;
}
#navigation ul li a {
    border-left: #000000 0px solid; 
    border-bottom:none;
    padding: 3px 7px; 
    display:block;
    font-weight:bold;
    color:#666;        
    text-decoration: none;
    background:#D8D8B1;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: #ffffff;
    color: #333;    
    border: #000000 0px solid; 
    border-bottom:none;        
}
#navigation ul li.search {
    font-size: 0.9em; 
    right: 0px; 
    position: absolute; 
    top: 0;
    
}
#navigation ul li.search input#searchsubmit {
    border: #000000 1px solid; 
    font-size: 0.9em; 
    background: #fff; 
    margin: 0px 0px 0px 2px; 
    color: #265e15; 
    padding: 2px;
}
#header {
    clear: both; 
    float: left; 
    margin: 0 0 0 0; 
    width: 860px;
}
#header h1 
{
    font-size:1em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    letter-spacing:1px;
    
}
#header h1 a {
    
    text-decoration:none;    
    border:none;
    
}
#header h2 
{
    display:none;
    margin:5px 0px 0 10px;
    font-size:1.8em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
            
}
#feedarea {
    padding:0 0 0 0; 
    float: right;     
    text-align: right;
    
}
html #feedarea {
    padding-top: 0;
}
#feedarea dl dt {
    display: none; 
    margin-right: 0px; 
    height: 0px;
}
#feedarea dl dd {
    display: none; 
    margin-right: 0px; 
    height: 0px;
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:0px;
    
} 
#headerimage {
    clear: both; 
    background: #fff url(img/misty.jpg) no-repeat 0 0;
    margin: 0px; 
    color: #fff; 
    height: 300px;
}
 html #headerimage {
    margin-top: 0px;
    
}
#content {
    margin: 50px 60px 0px 60px;     
}
 html #content {
    height: 1%;
}
#content h3 {
    font-size: 2em; 
    font-weight:normal;
    margin: 1em 0 0;
    color: #fff;    
}
#content h4 {
    font-size: 1.1em; 
    margin: 1em 0 0 0;
}
#content h5 {
    font-size: 1em; 
    margin: 1em 0;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
    float: left; 
    width: 740px; 
    margin-right: 20px;
}
 html #section-index #content-main {
    margin-right: 20px;
}
#content .post 
{
    padding:0 0 2em 0;
    border-bottom:#000000 1px solid;
}
#content p img.right {
    float: right;
    margin:10px 0 0 10px;    
}
#content p img.left {
    float: left; 
    margin:0 10px 10px 0;
}
#content .post h2 
{
    font-size: 1.8em; 
    margin: 1em 0 0;    
    letter-spacing:1px;
    font-weight:normal;    
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
        text-decoration:underline;
    color:#555243;
}
#content .entry a:hover, #content .entry a:active
{
        text-decoration:underline;
    color:#555243;
}
#content .post-info , #content .postmetadata
{
    font-size:0.9em;
    color:#000;
    margin:0;
    padding:0;    
}
#content .post-info 
{
    background:url() no-repeat left bottom;
    padding-bottom:12px;    
}
#sidebar {
    float: left; 
    width: 200px;
    font-size:0.9em;
}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
    padding:0;
}
li.sidebox {
    padding:10px;
    background: url() #F7F6EB no-repeat left top; 
    margin-bottom: 0px; 
    border-left-width:1px;
      border-left-style:dotted;
      border-left-color:#938e75;
    
}
html li.sidebox {
    padding-bottom: 10px;
}
li.sidebox h2 {
    font-weight: normal; 
    font-size: 1.6em; 
    text-align: left;
    color: #000;    
    font-variant:small-caps;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 0px solid;
    background:none;
}
#footer {
    clear: both;     
    background: transparent; 
    margin: 0 auto;
    width: 860px; 
    text-align: left;
}
 html #footer {
    height: 10%;
    
    
}
#footer p {
    float: left; 
    width: 50%; 
    line-height: 1.2em;
        
}
#footer p.right {
    float: right; 
    margin: 30px; 
    width: 50%; 
    text-align: right;
    font-size: 0.9em; 
    color:#999;
    
}
#comments, #respond{
    margin: 2em 0 10px 5px;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
#container .commentlist {
    margin: 0;
    padding: 0;        
    border-top: #ddd 0px solid;
}
.commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
    
}
.commentlist li.alt 
{
    background:#f9f9f9;    
}
.commentlist li .cmtinfo 
{
    font-size:1em;        
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#content .commentsfeed 
{
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#content .trackback 
{
    background:url(img/link.gif) no-repeat left center;
    padding-left:20px;
}
input.textbox
{
    border:#000 1px solid;
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:3px;
    width:130px;
}
textarea{
    width: 90%;
    padding:10px;
    line-height:2em;
    height: 20em;
    border: 1px solid #ccc;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border:#999 1px solid;
}
.post h4 
{
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
    font-style:normal;
    float:right;
    font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

Alles anzeigen

Vielen Dank schonmal

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Lockito13

neues mistylook-Theme: Navigation

neues mistylook-Theme: Navigation

neues mistylook-Theme: Navigation

Navigation nach links verschieben

Navigation nach links verschieben

Navigation nach links verschieben

Navigation nach links verschieben