Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHey! Ich hab folgendes Problem: Sowohl auf der Hauptseite als auch wenn ich auf den Post raufklicke ist der Text ganz am Rand. Hab schon probiert mit Margin und Padding das Problem zu lösen, komischerweise tut sich gar nichts!
Bild: http://i55.tinypic.com/23wv0k8.png
Dann hätte ich noch eine Frage: Wie kann ich das Headerbild verlinken, also, dass man darauf klicken kann und zur Blogstartseite zurückkehrt?
Danke schon mal im Voraus.
Kleines Problem...der hat nicht Platz. Hat über 1000 Zeichen zu viel.
stell am Besten einen Link zum Problem hier rein.
Die großen Quizsendungen sind leider nur Samstags. :-P
Lol =)
Ich hab das Theme leider nur lokal gespeichert, aber hier der Code von der style.css
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
}
body {
background-attachment: fixed;
background-color: #dfc0f1;
background-image: url("http://img840.imageshack.us/img840/635/lolyn.png");
background-repeat: no repeat;
margin-top: -20px;
max-height: 100%;
max-width: 100%;
padding-top: 15px
}
#content
{
background: none repeat scroll 0 0 #fff;
float: left;
clear: both;
margin: 20px 100px 10px;
padding: 0 30px 35px;
width: 700px;
border: medium #dfc0f1 groove;
font-family: Verdana, Arial;
font-size: 14px;
color: #000;
}
#header
{
background: url("http://img152.imageshack.us/img152/865/headerno.png") no-repeat scroll 0px 0 transparent;
height: 297px;
margin: 0 auto;
overflow: auto;
position: relative;
width: 100%;
}
#menu-main-menu
{
background: url("http://img19.imageshack.us/img19/7716/ttab.png") transparent;
font-size:1.1em;
}
#menu-main-menu, #menu-main-menu ul
{
list-style: none;
line-height: 1;
}
#menu-main-menu a, #menu-main-menu a:hover
{
display: block;
text-decoration: none;
border:none;
}
#menu-main-menu li
{
float: left;
list-style:none;
border-right:0px solid #a9a9a9;
}
#menu-main-menu a, #menu-main-menu a:visited
{
display:block;
font-weight:bold;
color: #fff;
padding:6px 12px;
}
#menu-main-menu a:hover, #menu-main-menu a:active, .current_page_item a, #home .on
{
background:#8d6b93;
color: #fff;
text-decoration:none
}
#menu-main-menu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 0px solid #a9a9a9;
}
#menu-main-menu li li
{
width: 172px;
border-top: 0px solid #a9a9a9;
border-right: 0px solid #a9a9a9;
border-left: 0px solid #a9a9a9;
}
#menu-main-menu li li a, #menu-main-menu li li a:visited
{
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#menu-main-menu li li a:hover, #menu-main-menu li li a:active {
background:#8d6b93;
color: #fff;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}
.post h2
{
color: #8d6b93;
font-family: Verdana, Arial;
font-size: 24px;
line-height: 33px;
padding: 10px 0 6px;
text-shadow: 4px 3px 2px #b08fb7;
}
h2.entry-title
{
color: #8d6b93;
text-shadow: 4px 3px 2px #b08fb7;
}
h2.entry-title a
{
color: #8d6b93;
text-decoration: none;
}
h2.entry-title a:hover
{
color: #fff;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
div.entry-meta
{
color: #8d6b93;
text-decoration: underline italic;
font-size: 11px;
}
div.entry-meta a
{
color: #8d6b93;
text-decoration: italic;
font-size: 11px;
}
div.entry-utility
{
color: #8d6b93;
text-decoration: underline italic;
font-size: 11px;
}
div.entry-utility a
{
color: #8d6b93;
text-decoration: italic;
font-size: 11px;
}
#respond h3
{
background: transparent;
font-variant: small-caps;
height: 35px;
margin-left: -20px;
padding-left: 10px;
padding-top: 5px;
text-align: left;
text-shadow: 4px 3px 2px #b08fb7;
}
h3#comments
{
color: #000;
float: left;
font-family: verdana, arial;
font-size: 18px;
padding: 0 0 10px;
text-shadow: 4px 3px 2px #b08fb7;
}
#comment-container
{
overflow: hidden;
width: 700px;
}
.comment-content
{
background: #dfc0f1;
float: right;
overflow: hidden;
padding: 20px 30px 20px 55px;
width: 650px;
}
.comment-author
{
border-bottom: 1px solid #8d6b93;
margin: 0 0 15px;
padding: 0 0 3px;
}
cite.fn a
{
color: #8d6b93;
text-shadow: 4px 3px 2px #b08fb7;
}
cite.fn a:hover
{
color: #000;
text-shadow: 4px 3px 2px #b08fb7;
}
span.says
{
color: #8d6b93;
font-family: Verdana, Arial;
font-size: 11px;
text-decoration: italic;
}
.comment-meta a,
.meta-sep
{
color: #8d6b93;
text-decoration: italic;
font-size: 10px;
}
.comment-meta a:hover
{
color: #8d6b93;
text-decoration: italic;
font-size: 10px;
}
.comment-content p
{
color: #000;
line-height: 22px;
padding: 0 0 13px;
}
.reply a
{
background: none repeat scroll 0 0 #dfc0f1;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 10px 0 0;
outline: medium none;
padding: 6px 10px;
text-decoration: none;
}
.reply a:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 10px 0 0;
outline: medium none;
padding: 6px 10px;
text-decoration: none;
}
.wp-post-image
{
border: 4px solid #8d6b93;
float: left;
margin: 50px 0 0;
}
a.more-link
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 20px 0 0;
outline: medium none;
padding: 2px 5px;
text-decoration: none;
}
a.more-link:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 20px 0 0;
outline: medium none;
padding: 2px 5px;
text-decoration: none;
}
.entry-content a
{
color: #8d6b93;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
.entry-content a:hover
{
color: #b08fb7;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
#submit
{
background: none repeat scroll 0 0 #dfc0f1;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 15px;
margin: 10px 0 0;
padding: 8px 13px;
text-decoration: none;
}
#submit:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 15px;
margin: 10px 0 0;
padding: 8px 13px;
text-decoration: none;
}
#menu
{
background: url("http://img831.imageshack.us/img831/7716/ttab.png") transparent;
height: 25px;
margin: 1em 0;
width: 1100px;
padding: 0px 300px 0px;
}
.widget-title
{
color: #8d6b93;
font-family: "Mongolian Baiti", arial;
font-size: 20px;
line-height: 20px;
padding: 0 0 15px;
text-decoration: underline, italic, bold;
text-shadow: 4px 3px 2px #8d6b93;
}
.widget-title
ul, li
{
color: #5d4361;
font-family: verdana;
font-size: 12px;
}
.widget-title a
{
color: #8d6b93;
font-family: verdana;
font-size: 12px;
font-style: none;
}
.widget-title a:hover
{
color: #fff;
font-family: verdana;
font-size: 12px;
font-style: none;
}
.narrowcolumn
{
float: right;
padding: 0 45px 20px 0;
margin: 0px 0 0;
width: 450px;
}
#footer
{
margin: 0px 0px 0px;
overflow: hidden;
position: relative;
width: 100%;
background: none repeat scroll 0 0 #8d6b83;
height: 300px;
padding: 0px 0px 0px 0px;
color: #fff;
text-align: center;
font-family: verdana;
}
#footer a
{
color: #fff;
text-decoration: none;
font-family: verdana;
font-size: 10px;
}
#footer a:hover
{
color: #fff;
text-decoration: none
}Ich brauche eure Hilfe!
Bei meinen Theme verrutscht die Sidebar wenn ich zu viele Widgets reintue. Dann sind ein paar rechts, neben den Content wie es sich gehört, und ein paar links darunter.
Es kann nicht an der Höhe liegen denn ich hab die Höhe nicht festgelegt. Ich habe bei meinem Theme nur die Schrift der Sidebar festgelegt und nirgends #sidebar stehen. Ich weiss es liegt vlt. daran aber wenn ich zB #Primary (mein theme ist-war TwentyTen) schreibe dann ist die ganze Sidebar unter den Content.
Kann mir jemand helfen?
Der Code vom header:
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;
wp_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head>
<link rel="shortcut icon" href="<?php echo IMAGES . '/favicon.ico'; ?>" />
<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">
<div id="header" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">
<div id="masthead">
<div id="branding" role="banner">
<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<span>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</span>
</<?php echo $heading_tag; ?>>
<?php
// Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?>
</div><!-- #branding -->
</div><!-- #masthead -->
<div id="main-nav" role="navigation">
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme-location' => 'primary' ) ); ?>
</div>
<!--end Main Navigation -->
</div><!-- #header -->
<div id="main">Ohne Code lässt sich das nicht beantworten. Darum die Frage nach dem Link ;)
Hier mal der Code von der style.css:
/*
Theme Name: Lila Sparkles
Theme URI: http://fsnblog.bplaced.com/
Author: Fashion Stardoll News & The Wordpress Team
Version: 1.0
Tags: lila, sparkles, white, black, one right column;
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
}
body {
background-attachment: fixed;
background-color: #dfc0f1;
background-image: url("http://img840.imageshack.us/img840/635/lolyn.png");
background-repeat: no repeat;
margin-top: -20px;
max-height: 100%;
max-width: 100%;
padding-top: 15px
}
#content
{
background: none repeat scroll 0 0 #fff;
float: left;
clear: both;
margin: 20px 100px 10px;
padding: 0 30px 35px;
width: 700px;
border: medium #dfc0f1 groove;
font-family: Verdana, Arial;
font-size: 14px;
color: #000;
}
#header
{
background: url("http://img152.imageshack.us/img152/865/headerno.png") no-repeat scroll 0px 0 transparent;
height: 297px;
margin: 0 auto;
overflow: auto;
position: relative;
width: 100%;
}
#menu-main-menu
{
background: url("http://img19.imageshack.us/img19/7716/ttab.png") transparent;
font-size:1.1em;
}
#menu-main-menu, #menu-main-menu ul
{
list-style: none;
line-height: 1;
}
#menu-main-menu a, #menu-main-menu a:hover
{
display: block;
text-decoration: none;
border:none;
}
#menu-main-menu li
{
float: left;
list-style:none;
border-right:0px solid #a9a9a9;
}
#menu-main-menu a, #menu-main-menu a:visited
{
display:block;
font-weight:bold;
color: #fff;
padding:6px 12px;
}
#menu-main-menu a:hover, #menu-main-menu a:active, .current_page_item a, #home .on
{
background:#8d6b93;
color: #fff;
text-decoration:none
}
#menu-main-menu li ul
{
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 0px solid #a9a9a9;
}
#menu-main-menu li li
{
width: 172px;
border-top: 0px solid #a9a9a9;
border-right: 0px solid #a9a9a9;
border-left: 0px solid #a9a9a9;
}
#menu-main-menu li li a, #menu-main-menu li li a:visited
{
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#menu-main-menu li li a:hover, #menu-main-menu li li a:active {
background:#8d6b93;
color: #fff;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}
.post h2
{
color: #8d6b93;
font-family: Verdana, Arial;
font-size: 24px;
line-height: 33px;
padding: 10px 0 6px;
text-shadow: 4px 3px 2px #b08fb7;
}
h2.entry-title
{
color: #8d6b93;
text-shadow: 4px 3px 2px #b08fb7;
}
h2.entry-title a
{
color: #8d6b93;
text-decoration: none;
}
h2.entry-title a:hover
{
color: #fff;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
div.entry-meta
{
color: #8d6b93;
text-decoration: underline italic;
font-size: 11px;
}
div.entry-meta a
{
color: #8d6b93;
text-decoration: italic;
font-size: 11px;
}
div.entry-utility
{
color: #8d6b93;
text-decoration: underline italic;
font-size: 11px;
}
div.entry-utility a
{
color: #8d6b93;
text-decoration: italic;
font-size: 11px;
}
#respond h3
{
background: transparent;
font-variant: small-caps;
height: 35px;
margin-left: -20px;
padding-left: 10px;
padding-top: 5px;
text-align: left;
text-shadow: 4px 3px 2px #b08fb7;
}
h3#comments
{
color: #000;
float: left;
font-family: verdana, arial;
font-size: 18px;
padding: 0 0 10px;
text-shadow: 4px 3px 2px #b08fb7;
}
#comment-container
{
overflow: hidden;
width: 700px;
}
.comment-content
{
background: #dfc0f1;
float: right;
overflow: hidden;
padding: 20px 30px 20px 55px;
width: 650px;
}
.comment-author
{
border-bottom: 1px solid #8d6b93;
margin: 0 0 15px;
padding: 0 0 3px;
}
cite.fn a
{
color: #8d6b93;
text-shadow: 4px 3px 2px #b08fb7;
}
cite.fn a:hover
{
color: #000;
text-shadow: 4px 3px 2px #b08fb7;
}
span.says
{
color: #8d6b93;
font-family: Verdana, Arial;
font-size: 11px;
text-decoration: italic;
}
.comment-meta a,
.meta-sep
{
color: #8d6b93;
text-decoration: italic;
font-size: 10px;
}
.comment-meta a:hover
{
color: #8d6b93;
text-decoration: italic;
font-size: 10px;
}
.comment-content p
{
color: #000;
line-height: 22px;
padding: 0 0 13px;
}
.reply a
{
background: none repeat scroll 0 0 #dfc0f1;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 10px 0 0;
outline: medium none;
padding: 6px 10px;
text-decoration: none;
}
.reply a:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 10px 0 0;
outline: medium none;
padding: 6px 10px;
text-decoration: none;
}
.wp-post-image
{
border: 4px solid #8d6b93;
float: left;
margin: 50px 0 0;
}
a.more-link
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 20px 0 0;
outline: medium none;
padding: 2px 5px;
text-decoration: none;
}
a.more-link:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 12px;
margin: 20px 0 0;
outline: medium none;
padding: 2px 5px;
text-decoration: none;
}
.entry-content a
{
color: #8d6b93;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
.entry-content a:hover
{
color: #b08fb7;
text-decoration: none;
text-shadow: 4px 3px 2px #b08fb7;
}
#submit
{
background: none repeat scroll 0 0 #dfc0f1;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 15px;
margin: 10px 0 0;
padding: 8px 13px;
text-decoration: none;
}
#submit:hover
{
background: none repeat scroll 0 0 #fff;
color: #8d6b93;
display: block;
float: right;
font-family: verdana, arial;
font-size: 15px;
margin: 10px 0 0;
padding: 8px 13px;
text-decoration: none;
}
#menu
{
background: url("http://img831.imageshack.us/img831/7716/ttab.png") transparent;
height: 25px;
margin: 1em 0;
width: 1100px;
padding: 0px 300px 0px;
}
.widget-title
{
color: #8d6b93;
font-family: "Mongolian Baiti", arial;
font-size: 20px;
line-height: 20px;
padding: 0 0 15px;
text-decoration: underline, italic, bold;
text-shadow: 4px 3px 2px #8d6b93;
}
.widget-title
ul, li
{
color: #5d4361;
font-family: verdana;
font-size: 12px;
}
.widget-title a
{
color: #8d6b93;
font-family: verdana;
font-size: 12px;
font-style: none;
}
.widget-title a:hover
{
color: #fff;
font-family: verdana;
font-size: 12px;
font-style: none;
}
.narrowcolumn
{
float: right;
padding: 0 45px 20px 0;
margin: 0px 0 0;
width: 450px;
}
#footer
{
margin: 0px 0px 0px;
overflow: hidden;
position: relative;
width: 100%;
background: none repeat scroll 0 0 #8d6b83;
height: 40px;
padding: 0px 0px 0px 0px;
color: #fff;
text-align: center;
font-family: verdana;
}
#footer a
{
color: #fff;
text-decoration: none;
font-family: verdana;
font-size: 10px;
}
#footer a:hover
{
color: #fff;
text-decoration: none
}Link zur Seite? In welchen Browsern tritt das Problem auf?
Habs nur lokal gespcihert. Bei Firefox, aber ich glaube bei IE auch
Ich habe ein Problem:
- wenn ich einen Post anklicke dann verschiebt sich der 1. Titel des 1. Widgets neben der Navileiste unter den Header
- Auf der Hauptseite ist die Navileiste auf dem Header ganz oben - wenn ich ein Post anklicke ist die Navileiste unter den Header
Kann mir jemand helfen?
Hey!
Wie füge ich beim TwentyTen Theme (habe es bearbeitet und leider die Navi gelöscht) die Navigationsleiste mit den ganzen Seiten unterhalb des Headers ein? Es sollten auch Unterseiten dabei sein.
Alles anzeigenkommt oft von invalidem code, wie zB ungeschlossenen html tags;
hast die deine seite mal validiert: http://validator.w3.org/
ansonsten hilft ein link zur seite, damit jemand mal eine chance hat, sich das anzusehen.
zum menu wieder der hinweis, dass das im standard theme schon drin ist;
evtl in den unveraenderten theme-dateien nachsehen, wie das da gemacht wurde.
Das mit dem Link zur Seite funktioniert nicht da ich das Theme nur lokal gespcihert habe da es sonst furchtbar aussieht wenn ich das Theme online stelle und so. Bei der TwentyTen normalen style.css hab ich schon nachgeschaut. Da steht zwar was aber auch wenn ich es so verändere, bleibt die Sidebar unten.
Wenn du willst füge ich hier den css code ein
Danke für deine Antwort!
Bei der Sidebar passt alles bis auf eine Sache: sie befindet sich unter den artikeln und ich bekomme sie weder mit padding noch mit margin rauf. was solll ich tun???
Kann mir jemand erklären wie man die Navigationsleiste hinzufügt? Ich finde kein gutes Tutorial.
Hay!
Ich habe mir als Blank Theme für mein Layout das TwentyTen Theme ausgesucht. Deshalb hab ich die ganze style.css Datei gelöscht und neu geschrieben. Jetzt hab ich aber folgende Probleme:
- Ich kann die Sidebar nicht verschieben. Welchen Befehl muss ich da eingeben? Wenn ich #sidebar eingebe dann tut sich gar nichts. Die Schrift verändert sich auch nicht usw.
- Wie kann ich die Menü-Leiste (die Leiste mit den Seiten unter den Header) einfügen? Ich hab es schon mit menu probiert hat aber nicht geklappt
- Wie kann ich ein Artikelbild einfügen? Wenn ich ein Bild beim Editor als Artikelbild festlege wird es nicht angezeigt
Ich hoffe mir kann jemand helfen :-)
hey!
Ich hab mir bei Photoshop ein Theme gemacht so wie ich es gerne hätte. Jetzt weiß ich aber nicht welches Blank Theme ich verwenden soll. Ich hab schon ein paar probiert, hatte aber immer wieder mal Probleme, da ich noch Anfängerin bin. Deshalb dachte ich mir vlt. weiß hier jemand welches Blank Theme gut für Anfänger ist und welches auf meinen Theme schon ca. angepasst ist.
angenommen, das hintergrundbild selbst ist gross genug, dann gibts fuer den background-style auch die fein-positionierung mit pixel-genauigkeit:
Code#content .post { background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL]([URL]http://img832.imageshack.us/img832/3521/posttitleleiste.png[/URL]) 0px 7px no-repeat; }die erste zahl ist der pixel-abstand von der linken seite des elements; die zweite zahl ist der abstand von der oberkante (negative zahlenwerte sind zulaessig)
beim sticky post scheint dieser style bestimmend zu sein:Code.home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; }um den titel-hintergrund auch bei einem sticky post zu haben, fuege einen style fuer '.home #content .post.sticky' hinzu:
Code#content .post { background: [COLOR=#000000]url[/COLOR](http://img832.imageshack.us/img832/3521/posttitleleiste.png) 0px 7px no-repeat; } .home #content .post.sticky { background: #f2f7fc [COLOR=#000000]url[/COLOR](http://img832.imageshack.us/img832/3521/posttitleleiste.png) 0px 7px no-repeat; }
Danke hat funktioniert
Ja das hat funktioniert (sry aber manchmal komm ich einfach nicht mit). Aber jetzt müsste ich das noch ein kleines bisschen weiter runter bringen da so nur die Hälfte der Meta Daten da drinnen sind, also so ca. 7 px. Ach ja und wie kann ich das auch bei Stickys machen, also da möchte ich dasselbe machen aber ich weiss nicht was ich da einfügen muss.
Der gesamte Code ist zu lang, deshalb hab ich nur mal die Stelle reingetan.
#content .entry-title {
color: #ffd7d2;
font-size: 24px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
background: url(http://img832.imageshack.us/img832/3521/posttitleleiste.png) no repeat;
}Ich habe vorher das bild dort drin ghabt wo du gesagt hattest aber da es nicht funktioniert. Jetzt funktioniert es zwar, aber nur wenn ich das "no-repeat" weglasse (was sehr doof ist). Ach ja und bei den meta-daten ist der hg nicht mehr, was ich auch versteh da ich ihn nur bei den titel feld eingefügt habe, aber ich möchte ihn bei den metadaten auch gerne haben
ein link zu deiner seite koennte weiterhelfen, um zu sehen, was in der style.css steht, und was in der seite angezeigt wird.
hast du versucht, den browser cache zu leeren, zB mit 'strg f5' , oder die seite neu zu laden?
ist das hintergrundbild hochgeladen und im images verzeichnis des themes?
Also ich hab das Theme nur lokal gespeichert aber die style.css ist dieselbe wie die von TwentyTen nur halt dass die Farbcodes anders sind. DIe Bilder lade ich immer auf einen Server wie tinypic.com hoch und gib dann den link ein und das funktioniert auch bei header usw. immer ganz gut. Deshalb kann ich mir einfach nicht vorstellen was nicht stimmt
versuch das als hintergrund von .post oder .hentry neu in die style.css einzufuegen; zB:
Code.post { background: #fff url(images/post_title_bg.jpg) left top no-repeat; }
Nee hat nicht funktioniert, da wird gar nix verändert.
Hay!
Ich habe das TwentyTen Theme meinen Bedürfnissen angepasst und möchte gerne beim Posttitle ein Hintergrundbild hinzufügen. Leider finde ich nicht die Stelle wo ich das hinzufügen soll.
Ich habe ein Bild hinzugefügt damit ihr seht wie ich mir das vorstelle.
;353702']Link zum Blog (falls möglich) wäre nicht schlecht, dann können wir uns das mal anschauen, was du wo eventuell gelöscht hast, bzw. was da los ist.
Die von dir gewünschten Styleänderungen bezüglich Breite, Farbe usw. werden in der style.css vorgenommen, was allerdings auch Kentnisse bezüglich css vorraussetzt.
Doch die TwentyTen style.css ist eigentlich sehr gut kommentiert, denke das dürfte nicht all zu schwer sein. ;)
Das mit den Link funktioniert leider nicht da ich das Theme nur local gespeichert habe. Ich habe jetzt das meiste schon normal nur die Sidebar ist immer noch nicht ganz richtig.
Hier, das ist der Link zum Screenshot von der Sidebar:
http://img829.imageshack.us/img829/5787/ohisag.jpg
Das ist doch nicht normal oder?