Beiträge von alchymyth

ein logo koennte zB als hintergrundbild im #head angelegt werden:

#head {
 width:960px;
 margin:0px auto;
 margin-top:15px;
 padding:0px;
 font-size:0.7em;
background: url(images/neues_logo.png) 200px 0px no-repeat;
 }

das neues_log.png ist ein kleines bild 100px*80px im abstand 200px vom linken rand; d.h. es steht rechts vom titel.
evtl mit padding, margin und height spielen.

die linie im h2,h3 wegnehmen und eine mehr spezifischen style fuer #sidebar neu einfuegen:

h2,h3 {
 margin-bottom: 10px;
 border-bottom: 0;
 font-size: 1.0em;
}
#sidebar h2, #sidebar h3 {
 margin-bottom: 10px;
 border-bottom: 1px solid #D0D6DB;
 font-size: 1.0em;
}

im prinzip musst du den code in den php dateien, und sicherlich in der index.php (und auch in den anderen wie single.php, page.php, archive.php usw.) aendern.
was du bearbeitet hast, ist der html code, der von den php dateien erzeugt wird.
wenn du z.b. die index.php bearbeitest, wirst du sehen, dass da im wesentlichen die html struktur drin steht, mit einigen php befehlen dazwischen, die dynamisch den inhalt einfuegen.
sollte also eigentlich kein problem sein - ganz besonders nicht, wenn du mit dreamweaver arbeitest :smile:.

gegoogelt (in englisch, da findet man einfach mehr):
http://www.liewcf.com/archives/2005/…-kubrick-theme/
und
http://felixker.com/wordpress/widg…-kubrick-theme/

sidebars beide rechts.

da hatte ich nicht ganz genau gecheckt, wie ein 'iframe' eingebunden wird:

hier die korrektur:

<iframe src="http://www.mobildiscounter.de/v618565161/1/0/shop/search.php?suche=notebook&amp;senden.x=0&amp;senden.y=0&amp;senden=suchen" width="645" height="3000" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto">
<p>Ihr browser unterstuetzt iframes nicht.</p>
</iframe>

also nach dem was du schon im html hast, noch einen paragraph einfuegen und den iframe schliessen.

die meisten antworten gibt's in englisch - zB.
- jeden zweiten kommentar anders gestalten: http://wphackr.com/change-author-comment-style/

- autoren kommentar anders:
http://5thirtyone.com/archives/774

oder als plugin:
http://wordpress.org/extend/plugins…uthor-comments/

h2.widgettitle {
margin-top:8px;
padding-top:4px;
padding-bottom:4px;
}
.widget {
margin-bottom:15px;
}

die entsprechenden styles entweder in der style.css finden und aendern oder am ende der style.css neu einfuegen.

was du mit

Zitat

dazu habe ich in der fixed [COLOR=#000000]widgets[/COLOR] ein total cooles subscripte mit dem richtigen Abstand (siehe Bild) wie kann ich dieses weiterhin behalten wenn ich meine eigenen [COLOR=#000000]widgets[/COLOR] nehme?

versteht ich gerade nicht.

ein bischen in der css basteln (oceanicstyle.css):
- das hintergrundbild vom '#header' in '#header a' verschieben (neue zeile einfuegen),
- einige paddings, margins anpassen:

#header { width: 950px; float: right; height: 90px;  } 
#header a {background-image: url([URL]http://www.abload.de/img/globusva2v.png[/URL]); background-repeat: no-repeat;height:130px;margin-left:5px;padding-left:130px;display:block;margin-top:-25px;}
 
.logo { float: left; border: 0px; margin-top: 25px; margin-left: 10px;padding-top:30px; }

im firefox mit dem developer add-on gebastelt und getestet, keine garantie, dass es in anderen browsern auch geht.

vielleicht kannst du von iTheme lernen? da ist das aufklappen/positionieren schon eingebaut (javascript).

ich glaub, das hier ist der gesaeuberte code:

<iframe src="http://www.mobildiscounter.de/v618565161/1/0/shop/search.php?suche=notebook&amp;senden.x=0&amp;senden.y=0&amp;senden=suchen" width="645" height="3000" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto">

da sind wahrscheinlich beim 'copy and paste' einige

<br/>

tags dazwischen geraten: das zeigt mir der firefox developer add-on:

<iframe src="http://www.mobildiscounter.de/v618565161/1/0/shop/search.php?suche=notebook&amp;senden.x=0&amp;senden.y=0&amp;senden=suchen">&lt;br /&gt;
width="645" height="3000" marginheight="0" marginwidth="0" frameborder="0"&lt;br /&gt;
scrolling="auto"&gt;

stell sicher, dass der gesamte iframe code in einer zeile eingegeben wird, dann sollte es 'funzen' :mrgreen: lol

im index.php

the_excerpt

durch

the_content

ersetzen. ich glaube, das was in der runden klammer steht, kannst du so uebernehmen.

das ist mit css zu loesen:

in der style.css in'#content .postindex' die width von 316px auf etwa 655px aendern:

#content .postindex   {
 float: left; 
     width: 655px;
 margin: 0px 6px 6px 0px;
 padding: 0px 8px 0px 8px;
 background: #dfdfdf url("http://forum.wordpress-deutschland.org/images/postindex-bg.jpg") repeat-x top;
 border: 1px solid #636363;
 height:250px;
 }

PS: vielleicht die height dann auch anpassen.

das ist das hintergrundbild von #page, das wird im header.php (vom default theme) als style geladen, abhaengig von der seite.

<?php
// Checks to see whether it needs a sidebar or not
if ( empty($withcomments) && !is_single() ) {
?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>

wird wahrscheinlich in deinem modifizierten theme nicht gebraucht und kann daher entfernt werden.

<?php previous_post_link('%link'); ?>  | <?php next_post_link('%link'); ?>

siehe codex (engl.) http://codex.wordpress.org/Template_Tags/previous_post_link

Meine Unachtsamkeit :oops: - da hab ich nicht weiter durch die css gesucht, ob die hintergrundfarbe noch irgendwoanders beeinflusst wird.

das ganze wird flach gruen ohne umrandung, wenn du am ende der style.css einfuegst:

#header {background-color: #dbe401; }
#page {background-color: #dbe401; border:none; }
#footer {background-color: #dbe401; }

erstens:
der bereich im header.php sollte dann so aussehen:

<?php
// Checks to see whether it needs a sidebar or not
if (!empty($withcomments) && !is_single() ) {
?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 
 <?php } ?>

zweitens:
in style.css ein leerzeichen vor 'no-repeat' einfuegen - damit der IE den hintergrund anzeigt.

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #dbe401 url('images/kubrickbgcolor.jpg') no-repeat top center;
    color: #333;
    text-align: center;
    }

header.php: ( die zeile mit kubrickbgwide.jpg wegnehmen )

<?php
// Checks to see whether it needs a sidebar or not
if (!empty($withcomments) && !is_single() ) {
?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>

warum nicht einfach die grafik [COLOR=#ff0000]navtabr.png [/COLOR][COLOR=black]mit einem grafikeditor auf etwa 200px oder mehr 'verlaengern' und wieder ins theme hochladen?[/COLOR]

im einfachsten fall diese zeile da im single.php (oder index.php) einfuegen, wo du die tags anzeigen willst:

<?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>

dazu koentest du auch in den default template dateien nachsehen, wie das da gemacht wurde; oder im codex. (link zum deutschen codex kenne ich nicht, da ich ihn nicht benutze)