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 erstellenhallo Peti,
danke für den Tipp. Aber ist doch auch irgendwie "unsauber" oder? Geht's nicht über den oben beschriebenen Weg in meinem ersten Post? Ich meine, die img class steht ja schon, dann müsste es doch möglich sein, dass die Meta-Daten unterhalb erscheinen? Das haben doch sicherlich viele Leute lösen müssen dieses Problem (sofern Sie Bilder benutzen)?
Gruss Livio
Monika, nochmals: ich bin kein Code-Freak, ich möchte nur meine Bilder auf dem Blog schön einbetten, sie sind immer links und wenn's mal ein kürzerer Post wird, dann sollen die Metadaten erst unter dem Bild folgen, das ist alles. Ich möchte Dir keine Steine in den Weg legen, du musst mir einfach sagen, welche Infos du benötigst. Lediglich die Blog-URL kann ich dir aus oben genannten Gründen nicht nennen. Ich benötige dafür eure Hilfe, aber du verstehst sicher, dass ich nicht wissen kann, welche Infos DU brauchst. Ich wäre froh, wenn du mir nochmals antworten könntest :-)
Alles was ich mache ist:
- Per Bookmarklet verlinken und Bilder hochladen
- Dann im Post-Fenster, bei "img id usw" noch "class="alignleft" einfügen.
- Das sollte dann reichen, oder?
- meine Frage nochmals: wie muss die CSS aussehen (sie funktioniert ja jetzt, ausser, dass das clear: left bzw. both nicht drin ist), damit nach dem Bild die Meta-Daten unterhalb bleiben...?
Gruss Livio
Hier?
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
bin jetzt nicht mehr sicher :-/ hier ist meine style.css, kannste mal schauen? danke!
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Tahoma, Sans-Serif;
background-color: #ffffff;
color: #333;
text-align: center;
}
#page {
background-color: white;
border: none;
text-align: left;
}
#header {
background-color: #73a0c5;
}
#content {
font-size: 1.0em
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.2em;
}
.widecolumn {
line-height: 1.2em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
background-color: #f8f8f8;
border-top: none;
border-bottom: none;
}
#footer {
background-color: #ffffff;
}
small {
font-family: Verdana, Arial, Tahoma, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: Verdana, Arial, Tahoma, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 1.4em;
text-align: left;
}
.description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.3em;
}
h2.pagetitle {
font-size: 1.3em;
}
#sidebar h2 {
font-family: Verdana, Arial, Tahoma, Sans-Serif;
font-size: 1.1em;
}
h3 {
font-size: 1.3em;
}
h1, .description {
text-decoration: none;
color: white;
}
h2, h3 {
color: #333;
}
h2, h3, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em Verdana, Arial, Tahoma, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite {
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, Tahoma, Sans-Serif
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font: 1em Verdana, Arial, Tahoma, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #333;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
#wp-calendar caption {
font: bold 1.2em Verdana, Arial, Tahoma, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-align: center;
}
#wp-calendar #today {
background: #CBCBCB;
}
/* End Typography & Colors */
/* FERNANDO'S CHANGES AND NOTES START HERE */
/* Links */
/* this is the basic link */
a {
color: #EF660A;
text-decoration: none;
}
a:hover {
color: #EF660A;
text-decoration: none;
}
/* this is for your visited links in the main posts */
.entry p a:visited {
color: #EF660A;
}
/* these are the headllines
h1 is the main title, h2 is the post title, h3 is a smaller version
a note about h1
you may want to be sure the ".description" matches, so they are the same
in your header */
h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
color: white;
}
h2 a, h2 a:visited, h3 a, h3 a:visited {
color: #333;
}
h2 a, h2 a:hover, h2 a:visited,h3 a, h3 a:hover, h3 a:visited {
text-decoration: none;
}
h2 a:hover, h3 a:hover {
color: #EF660A;
text-decoration: none;
}
/* this is for your images, so old browsers don't outline them */
a img {
border: none;
}
/* this is the title of the author in your comments */
.commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
/* End links */
/* Calendar links */
#wp-calendar a {
text-decoration: none;
color: #EF660A;
display: block;
}
#wp-calendar #next a {
font-size: 8pt;
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
font-size: 8pt;
padding-left: 10px;
text-align: left;
}
/* #wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; } */
/* End calendar links */
/* END FERNANDO CHANGES */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
margin: 10px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}
#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
background-color: #73a0c5;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */
/* Begin Headers */
h1 {
padding-top: 74px;
margin: 35px;
}
.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;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 2px;
margin: 0 0 2px 5px;
display: inline;
}
img.alignleft {
padding: 2px;
margin: 0 5px 2px -2px;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
#headerimg {
margin: 0;
height: 200px;
width: 100%;
}
/* End Images */
/* 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;
}
#page lingg:before {
content: ":: ";
}
#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;
}
#sidebar #searchsubmit {
padding: 1px;
}
.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;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#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: 545px;
width: 190px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
table-layout: fixed;
margin: 2px auto 0;
width: 180px;
background-color: transparent;
}
#wp-calendar a:hover {
background: #E9E9E9;
color: #000000;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
empty-cells: inherit;
padding: 1px 0;
text-align: center;
}
/* 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;
}
.center {
text-align: center;
}
hr {
display: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/Hallo Monika,
sorry, der Blog ist leider geschützt, darum kann/darf ich dir keine URL angeben. Ist reinstes Kubrick-Design und ungetweaked :-)
Ich hab deinen Tipp leider nicht ganz begriffen. Wo soll ich den "clear: both" tag einfügen? Im Post direkt? nicht im CSS? dort hat's ja nicht funktioniert...
Danke und Gruss
Hallo zusammen,
ich hätte ne Frage zur perfekten Einpassung der "float"-Bilder:
Wie kann ich den "clear: left" tag richtig ins css einbetten, dass der Text das bild umfliesst, ohne die Kategorie, Edit usw. Buttons unten mit neben das Bild zu nehmen (bei kurzen Posts)
Probiert hab ich zuerst:
[COLOR="Red"]img.alignleft {
padding: 2px;
margin: 0 5px 2px -2px;
display: inline;
clear: left;
}[/COLOR]
dann auch: (nicht beide kombiniert)
[COLOR="Red"].alignleft {
float: left;
clear: left;
}[/COLOR]
Wie kann ich das anstellen? Hat beides nicht funktioniert :-((
Gruss Livio
Hallo zusammen,
ja, ich hab den Codex gelesen, ja, ich hab das Forum durchsucht, ja, ich hab meine Wp_options Tabellen angepasst, ja, ich hab alle Browser ausprobiert, ja, ich hab Subdomains, aber als ich die Adresse ändern wollte, hat's mir alles verrissen, und ich konnte nur noch unter Schwitzen in den WP Tabellen den Blog wider lauffähig machen.
Daher, hat irgendein Crack von Euch eine weitere Idee? Mein Problem besteht immer dann, wenn ich per "Press it" einen Eintrag machen will. Bei "Publish" kommt dann die Nachricht...logischerweise nicht mehr, wenn ich nochmals manuell auf "Write" klicke, danach paste...hmm...als ich die Wordpress-Adresse geändert hab, hats mich dann eben rausgeschmissen, und als ich per manuellem Eingeben der alten Adresse wieder zurückstellen wollte auf Subdomain, kam ebenfalls die Meldung enable blablabla...
Kann mir einer helfen?? :-((( ich komm mit diesen Standart-Lösungen nicht weiter aus dem codex :-(((
Vielen Dank allen!!!
Livio, Zürich
Jottlieb: Klasse!
Danke vielmals für Deine Hilfe und einen guten WM-Start :-)
Gruss Livio
Jottlieb, du bist mein Held!
Funzt wie geschmiert!
noch eine kleine Anpassung:
meine Co-Autoren haben den Status "Editor".
Kann man die Link-Liste für diese Gruppe ebenfalls noch einfach einfügen?
Das wär klasse!
Hallo Jottlieb!
danke für deinen Vorschlag!
ähm, geht nicht ganz...zeigt keinen Hintergrund und Sidebar mehr an jetzt...ist da ein Fehler drin eventuell?
Hier meine gesamte sidebar.php:
<div id="sidebar">
<ul>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
<li><h2>Author</h2>
<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
</li>
-->
<li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<p>You are browsing the archives for the <?php single_cat_title(''); ?> category.</p>
<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p>You are browsing the <a href="<?php bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archives
for the day <?php the_time('l, F jS, Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p>You are browsing the <a href="<?php bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archives
for <?php the_time('F, Y'); ?>.</p>
<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p>You are browsing the <a href="<?php bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archives
for the year <?php the_time('Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p>You have searched the <a href="<?php echo bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archives
for <strong>'<?php echo wp_specialchars($s); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>
<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<p>You are browsing the <a href="<?php echo bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archives.</p>
<?php } ?>
</li>
<li><?php get_calendar(2); ?></li>
<li><h2>Navigation</h2>
<ul>
<li><?php wp_loginout(); ?></li>
<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_meta(); ?>
</ul>
</li>
<li><h2>Archiv</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<li><h2>Categories</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0&exclude=8'); ?>
</ul>
</li>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php global $user_login; if ($user_login == 'admin') { ?>
<?php get_links_list(); ?>
<?php } else { ?>
<?php } ?>
</ul>
</div>Hallo ihr php-Cracks da draussen!
Ich bräuchte hier eure Hilfe:
Kann man mit php-Code die Link-Liste für bestimmte User verstecken? So im Stil (frei Code-Schnauze):
- if user = guest then hide link list
- bzw. falls user = guest eben den <?php get linklist?> blabla nicht benutzen...
wisst ihr wie ich meine? Ich bin fähig, die Link Liste gar nicht anzuzeigen, doch ich als Admin benötige sie eben...
Kann mir einer helfen?
Vielen Dank!
Gruss Livio
p.s. Standard Kubrick Template hier...
ok...dann also danke und noch einen schönen Sonntag!
Gruss Livio
schade, bei mir geht das nicht...tja, egal...danke dir trotzdem!
noch ne letzte Frage: ich hab gesehen, dass in meiner header.php nur ein </div> nach den tags erscheint. Muss die div page und div header nicht auch abgeschlossen werden? oder nur die zwei div header und div headerimg?
so siehts im moment aus:
[size=8][...]
<div id="page">
<div id="header">
<div id="headerimg" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;" title="Home">
</div>
<hr />
[/SIZE]
funktioniert dies evtl. nur auf IE? bei meinem Mozilla passiert da nix...oder muss ich den JavaScript Code trotzdem verwenden aus der ersten Variante?
p.s. macht dieser JS Code-Schnipsel die Seite nicht langsamer? hab da sowas im Hinterkopf...
hmm...kannst du mir konkret hier aushelfen? Die folgende Variante hat nicht geklappt:
[size=8]<div id="header">
<div id="headerimg" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;" title="Home";>
</div>
[size=10]Danke![/SIZE]
[/SIZE]
Hallo Jottlieb,
Danke für den Tipp. Da hätt ich aber trotzdem noch ne Frage: Deine Anweisung ergibt ja "nur" die Description unten in der Adresszeile. Gibt es nicht auch ein Script, das die Description direkt beim Mauszeiger (meist gelbes Anzeigefeld) ausgibt?
Hallo zusammen!
Ich habe eine für PHP-Kenner vermutlich lapidare Frage:
Wie kann ich meine header.php so anpassen, dass beim "mouseover" über dem verlinkten Header-IMG eine Beschreibung des Links erscheint (also z.B. 'Home') oder sowas? Man kann ja durch die Verlinkung des div-containers nicht mal unten in der Adressleiste sehen, wo man hinkommt beim Klick.
Kann mir da einer aushelfen?
Besten Dank im Voraus,
Gruss Livio, Zürich
Blog URL: http://blog.federspiel.biz
ah soo...ja, macht Sinn :-)
erstaunlicherweise hats trotzdem funktioniert...
Danke für Deine Hilfe Commander, hab's grad in meine header.php gepfeffert :-)
Schönen Abend noch und danke nochmals!!!
Gruss Livio
aha...hab das nie geändert...hmm...war schon immer so...
ist's jetzt besser? --> Header.php
Danke für den Tipp!
Götter des CSS...!
telekommander und olaf:
Ihr seid meine CSS-Götter!!! Vielen lieben Dank!!!
der *html tag hat mein Problem gelöst. -5px war genau gut :-)
der <hp> und <hps> tag gibts schon, und zwar bei mir :-)) ich brauch die beiden zur Vereinfachten Formatierung des Textes...aber danke für den Tipp...
Das mit dem <head> würde micht trotzdem interessieren...
Danke ihr zwei, ihr habt mir meinen Feierabend versüsst!!!
@telecommander:
in welchen head soll ichs verschieben? von der header.php, index.php oder in welchem file genau?
Olaf:
probier ich gleich, ihr scheint da ja den selben "ansatz" zu wählen :-)
danke schon mal euch beiden!!