Beiträge von joehanc

Hallo,
ich bin auf der Suche nach einem Plugin bzw. einer Erklärung, wie man auf einem Blog mehrer Unterblogs erstellen kann.

Als Beispiel dienen diese beiden Seiten:

First Magazine™ // A Jamaican lifestyle magazine (in der mittleren Spalte sieht man zu jeder Category den zuletzt geposteten Artikel)

oder hier: De:Bug
(die Kategorien Musik Mode usw. sind doch eigene blogs oder)

Mein Vorhaben ist ein Blog mit 3 Kategorien, deren letzter Post auf der Hauptseite erscheinen.

Vielen Dank für Euere Ideen!

Jo

OK, das ist eingängig... ich werde gleichmal suchen....

komisch, dass ich bei der Suche auf kein ähnliches topic gestoßen bin. Das interessiert doch bestimmt mehrere ;-)

Hey there,
ich suche nun schon seit geraumer Zeit nach einem plugin, das es ermöglicht angemeldete User in Echtzeit im Sidebar anzuzeigen....

Bsp:

Useronline:

harry
berta
siggi

und das in echtzeit ohne aktualisieren...

Das letzte Plugin, das ich in dieses Richtung gefunden habe, das aber nur anzeigt wieviele User online sind (und das auch nur wenn man selbst die Seite aktualisiert) ist WP-Useronline...

Kennt jemand von euch ein besseres Stats-Tool, das meine Kriterien erfüllt?

Grüße

JOhannes

Hey thx,

habs vorhin mal in eigenregie versucht und auch geschafft!

sieht ähnlich aus wie du es beschrieben hast.

gibts noch irgendeinen Befehl um den Rahmen mit ein bisschen mehr Abstand zum Content zu setzten?

Der Rahmen zwischen sidebar und content liegt direkt am content an :-(

den Befehl hab ich an den content gebastelt, sprich: border-left: 1px dashed #777777

ich hätte gerne noch 5-10px abstand...

THX

Jo

Hey there,

ich bin auf der Suche nach dem Css-Stylesheet code für einen Rahmen um meinen kompletten "Blog". Nein, ich hab schon gesucht und nur ein Topic gefunden wo der Rahmen bis ans Browserfenster geht.

Der Rahmen sollte nur um den mittig angelegten Inhalt gehen. Am besten 5px breit (ringsrum) und in grau.

Zwischen Inhalt und sidebar hätte ich noch gerne eine trennline, die sehr fein (also 1px) sein sollte und am besten gestrichelt.

Zitat

/*
Theme Name: Atmosphere
Theme URI: http://www.dagondesign.com
Description: A custom theme by <a href="http://www.dagondesign.com">Dagon Design</a>.
Version: 1.0
Author: Dagon Design
Author URI: http://www.dagondesign.com
*/

body {
padding: 20px 0 1px 0;
margin: 0;
background-image: url(45ers › Anmelden
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
}

#container {
margin: 0 auto 0 auto;
width: 780px;
background: #ffffff;
text-align: left;
}

a img {
border: none;
}

a {
color: #888888;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: none;
}

ul, ol {
margin: 4px 0 15px 35px;
padding: 0;
}

ul ul, ol ol {
margin: 4px 0 0 15px;
padding: 0;
}

li {
margin: 0 0 4px 0;
padding: 0;
}

#header {
position: relative;
}

#search-box {
position: absolute;
top: 142px;
right: 2px;
}

#search-box form {
margin: 0;
padding: 0;
}

#search-box input {
margin: 0;
padding: 0;
width: 160px;
color: #888888;
}

#top-nav {
background: #dadada;
color: #888888;
width: 100%;
font-size: 1,2em;
}

#top-nav ul {
margin: 0;
padding: 5px 22px 5px 22px;
list-style: none;
}

#top-nav li {
display: inline;
margin: 0 23px 0 0;
padding: 0;
}

#top-nav a {
color: #777777;
text-decoration: none;
}

#top-nav a:hover {
color: #ff0000;
text-decoration: none;
}

#content {
width: 550px;
float: right;
display: inline;
margin: 20px 20px 20px 0;
}

.post {
margin: 0 0 20px 0;
}

#content h1 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 2px 0;
font-size: 1.3em;
color: #888888;
}

#content h1 a {
text-decoration: none;
}

#content h1 a:hover {
text-decoration: none;
}

#content h1.pagetitle {
font-size: 1.1em;
color: #888888;
margin-bottom: 6px;
}

#content h2 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 2px 0;
font-size: 1.25em;
color: #888888;
}

#content h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 2px 0;
font-size: 1.1em;
color: #404040;
}

#content h4 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 2px 0;
font-size: 1.05em;
color: #888888;
}

#content .post-date {
color: #888888;
font-size: 0.8em;
margin: 0 0 3px 0;
}

#content p {
margin: 0 0 12px 0;
line-height: 140%;
}

#content .post-info {
color: #888888;
font-size: 0.8em;
background: #F4F4F4;
padding: 4px 8px 4px 8px;
}

#content .post-info a {
text-decoration: none;
}

#content .post-info a:hover {
text-decoration: underline;
}

#content .single-date {
text-align: right;
font-size: 0.9em;
color: #707070;
margin-bottom: 3px;
}

#content .attachment-image {
text-align: center;
padding: 10px 0 10px 0;
}

code {
font: 0.9em 'Courier New', Courier, Fixed;
color: #456FA2;
}

blockquote {
background: #F4F4F4;
padding: 4px 8px 4px 8px;
margin: 5px 0 15px 0;
font-size: 0.9em;
}

acronym, abbr, span.caps {
font-size: 0.9em;
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #808080;
}

.navigation {
display: block;
}

#wp-calendar caption {
text-decoration: none;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 0.9em;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 2px 0;
font-size: 1.1em;
color: #888888;
text-align: left;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
text-align: center;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td a {
color: #ff0000;
font-weight: bold;
}

#wp-calendar td.pad:hover {
background-color: #FFFFFF;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 4px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 4px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.center {
text-align: center;
}

#sidebar {
width: 170px;
float: left;
display: inline;
margin: 20px 0 20px 20px;
}

#sidebar h2 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 1.1em;
letter-spacing: 1px;
color: #888888;
margin: 0 0 2px 0;
padding: 0 0 3px 0;
border-bottom: 3px solid #666666;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar ul ul {
margin: 6px 0 15px 8px;
padding: 0;
}

#sidebar ul ul ul {
margin-bottom: 6px;
}

#sidebar li {
margin: 0 0 5px 0;
padding: 0;
font-size: 0.95em;
}

#sidebar a {
color: #505050;
text-decoration: none;
}

#sidebar a:hover {
color: #ff0000;
text-decoration: none;
}

h3#comments, h3#respond {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 6px 0;
font-size: 1.1em;
background: #888888;
color: #FFFFFF;
padding: 3px 10px 3px 10px;
}

ol.commentlist {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.9em;
}

ol.commentlist li {
margin: 0;
padding: 0;
border-top: 8px solid #F4F4F4;
padding: 3px 0 5px 0;
}

ol.commentlist li.alt {
border-top: 8px solid #888888;
}

ol.commentlist .comment-date {
width: 35%;
float: right;
text-align: right;
font-size: 0.9em;
display: inline;
}

ol.commentlist .comment-author {
width: 55%;
float: left;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 0 3px 0;
font-size: 1.2em;
color: #888888;
display: inline;
}

ol.commentlist .comment-date a, ol.commentlist .comment-author a {
text-decoration: none;
}

ol.commentlist .comment-date a:hover, ol.commentlist .comment-author a:hover {
text-decoration: underline;
}

ol.commentlist .comment-text {
clear: both;
}

form#commentform textarea {
width: 100%;
}

form#commentform label {
font-size: 0.9em;
}

#footer {
clear: both;
border-top: 5px solid #999999;
padding: 8px 22px 25px 22px;
color: #404040;
font-size: 0.85em;
text-align: center;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

Alles anzeigen

Vielen dank für Euere Hilfe!

Jo

jup thx...
hab im code den fehler gefunden... wer augen hat ist klar im vorteil ;-)

THX

jo

Hallo,
erstmal Danke für die fixen Antworten.

Mir gehts garnicht so um die trennlinie... mir macht der code viel mehr sorgen ;-)

denke aber, dass sich das verrutschen nicht auf das layout auswirkt.... zumindest kann ich keine abnormalitäten erkennen!

Welchen Code-teil müsste ich den hier posten um den trenner zu basteln?!

CSS-Stylesheet denk ich mal oder?!

Greetz

JO

Hallo,
ich hab heute ein random-image im header eingebaut. Funktioniert alles ganz gut soweit. Problem ist allerdings, dass im Safari das Bildsymbol mit schätzungsweise 5x5 pixel angezeigt wird und deshalb den ganzen header "verdrückt". Im Mozilla klappts einwandfrei....

Hier mal der eingebaute code:
<img src="http://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg"
width="image_width" height="image_height" alt="image_alt_text" />

und hier ist ein Screenshot vom Problem:
http://www.style-addiction.com/Screenshot_1.png

Vielen Dank für Euere Vorschläge!

Jo

hallo,
ich wollte auch einen Trenner zwischen Sidebar und Content und bin über die Suche auf diesen Artikel gestossen.

Hab den Code auch einfügen wollen und hab jetzt dazu noch ein paar Fragen.
Ich bin was dieses CSS-Umgebung angeht absoluter Noob...:

Diese Zeilenangabe, die Du nennst sehe ich nicht... schlimm?

muss ich darauf achten, wo was in welcher Zeile liegt, oder anders: ist es schlimm wenn der Inhalt verrutscht?

Ich frage deshalb, da der gepostede Code bei mir nicht aufs erste funktioniert hat und ich deshalb den Code wieder rausgelöscht habe.

Vielen Dank für die Hilfe!

Jo

PS: Sehr hilfreiches Forum!!!!