Beiträge von philip_p

philip_p

Hallo,

ich halte es zwar für unwahrscheinlich aber vll ist ja jemand hier, dem ein Ansatz dafür einfällt:

Ich würde gerne auf meinem Blog einen anderen Hintergrund für die Kommentare haben.
Und das soll zufällig passieren.

Das heißt; nach 4 kommentaren ist der Hintergrund des 5 (zufällig) blau.

Weiß jemand einen Lösungsansatz?

Viele grüße
Philipp

philip_p

jaaa, das klappt. vielen dank.

aber weiß jemand zufällig wie ich es schaffe, dass nur der //content anders dargestellt wird und nich der schnickschnack drum rum wie Datum, Autor, Titel..?

philip_p

Genau, ich möchte, dass Beiträge einer bestimmten Kategorie anders angezeigt werden.

Ein Beispiel

[size=12][COLOR=Orange]Philipps Esoterikblog[/COLOR][/SIZE]

BEITRAG 1

Wawawa wawwawawa.

Kategorie: Leben

----

BEITRAG 2

Wawawa wawawawa.

Kategorie: Leben
[COLOR=Gray]
-----[/COLOR]

BEITRAG 3

[size=24][COLOR=SeaGreen]WAWAWAWWAWAWWA[/COLOR][/SIZE]

Kategorie: Kurzes [COLOR=Red]<------------[/COLOR]

[COLOR=Gray]------[/COLOR]

BEITRAG 4

Wawawa

Kategorie: Leben

[COLOR=Gray]-------[/COLOR]

philip_p

Hallo,

ich suchte schon den ganzen Tag eine Lösung für mein Problem - vielleicht kann ja hier jemand helfen. Das wär klasse.

Ich würde gern den Text einer bestimmten Kategorie anders darstellen (Größer & andere Schriftart).

> Damit ist der Content in einer Kategorie gemeint, nicht der Link.

Ich habs bis jetzt nur hinbekommen, mit Hilfe von Klassen das Aussehen des Kategorieliks zu ändern ^-^

Weißt jemand zufällig eine Lösung?

Viele Grüße
Philipp

philip_p

hallo,

das ist bisher mit abstand mein größtest problem bei der designanpassung:
der abstand.

<strike>ja ich bin ein kleiner hobbykomiker</strike>

kann mir vll jemand helfen und sagen wie ich hier den abstand zwischen TITEL und der ANGABE DES DATUMS UND DER KATEGORIE beim jew. post verkleinern kann.

Code

* {
    font-family: Arial,Georgia,"Trebuchet MS",Verdana,Helvetica, sans-serif;
}


body {
    margin: 5px 0;
    padding: 0;
    background: #FFFFFF;
    font-size:small;
    font-size: 0.76em;
    color: #444;
}


h1,h3,h5, h6 {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Serif;
    text-transform: lowercase;
    font-weight: normal;
    color: #444;


}


h1 { text-transform: none; }


h2{
    margin: 0;
    padding: 0;
    font-family: georgia, Verdana, Serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #444;
}


#logo h2 { color: #fff; }


h2,h3 {
    margin-bottom: 10px;
    border-bottom: 4px solid #00B2F7;
    font-size: 1.0em;
}


h4, #content h2, #content h3 {
    margin: 0;
    padding: 0;
    font-family: georgia
    text-transform: uppercase;
    font-weight: bold;
    color: #8D9E61;
    margin-bottom: 10px;
    border-bottom: 0px solid #FF348C;
    font-size: 2.7em;




}
#content h3 {
    margin-top: 8px;
}




#content a {
    color: #000;
    text-decoration:underline;
}


#content a:hover
{
    color: #FF348C;
    text-decoration: underline;
}


#sidebar h2 {
    color: #c00;
}






p, ol, ul, blockquote {
    line-height: 18px;
}


ul {
    margin: 0;
    padding: 0;


}
#content ul
{
    margin-left:2em;
}
#sidebar ul
{
    margin-left:1em;
}
a {
    color: #000;
    text-decoration:none;
}


a:hover
{
    color: #c00;
    text-decoration: underline;
}


img {
    border: none;
}
blockquote
{
    margin:1em;
    padding:5px;
    border-left:#0085AE 2px solid;
    color:#666;
}
img.left
{
    float:left;
    margin:0 1em 1em 0;
}
img.right
{
    float:right;
    margin:0 0 1em 1em;
}
a img
{
    border-bottom:#900 0px dashed;
    padding-bottom:3px;
}
.clear
{
    clear:both;
}
.center
{
    text-align:center;
}


#s, input.textbox {
    width: 185px;
    margin-bottom: 10px;
    border: 1px solid #006888;
    padding:3px;
}


#btnSearch {
    border: 0px solid #ADEF00;
        background: #000000
    border-bottom-color: #DDDDDD;
    background: #FBFBFB url(images/img7.gif) repeat-x;
    padding:0px;
    color: #7A7A7A;
}
/* Posted */


.posted {
    margin: 0;
    font-size:0.9em;
    padding: 1px;
    background:#fdfdfd url(images/img6.gif) repeat-x;
    border: 0px solid #ADEF00;
}


.posted p {
    margin: 0;
    padding:0;
}


.posted .comments {
    float: right;
    margin:0;
    padding:0 0 0 15px;
    background:url(images/comments.gif) no-repeat left center;
}


/* Header */


#header {
    width: 917px;
    height: 100px;
    margin: 0 auto;


}


/* Logo */


#logo {
    float: left;
    height: 0;
    padding: 0 0 0 0;


}


#logo * {
    text-decoration: none;
}


#logo h1 {


    padding: 30px 0 0 40px;
    font-size: 3.5em;
    font-family:georgia,georgia,"Trebuchet MS",Verdana,Helvetica, sans-serif;
}


#logo h1 a {
    color: #fff;
}


#logo h2 {
    padding: 0px 0 0 40px;
    font-size: 1em;
    border: none;
    color: #fff;
}


#logo h2 a {
    color: #333;
}


/* Menu */


#menu {
    float: right;
    height: 0px;
    padding: 30px 25px 0 0;
}


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


#menu li {
    display: inline;
}


#menu a {
    padding: 5px 10px;
    border-left: 2px solid #fff;
    text-transform: lowercase;
    text-decoration: none;
    font-size: 1.1em;
    color: #fff;
}
#menu a:hover, #menu li.current_page_item a
{
    border-bottom:#DBDBDB 0px solid;
        background: #ADEF00
}


/* Splash */


#splash {
    width: 0px;
    height: 0px;
    margin: 0 auto;
    background: url(images/) no-repeat center bottom;
    border-right: 0px solid #303030;
    border-left: 0px solid #303030;
        link: http://www.pew-pew.org
}




#headerimg{cursor:pointer;}


/* Content */


#main {
    width: 847px;
    margin: 0 auto;
    padding: 10px 15px;
    background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}


#content {
    float: left;
    width: 620px;
}
#content .post
{
    margin-bottom:5em;
}
/* Comments */
#comments, #respond
{
    margin-top:1em;
}
#commentform
{
    margin:10px 0;
    padding:10px;
    background:#fcfcfc;
    border-top:#ddd 1px solid;
    border-bottom:#ddd 1px solid;
}
.commentnum
{
    font-size:200%;
}
#main .commentlist {
    margin: 0;
    padding: 0;
    border-top:#ddd 1px solid;
}
.commentlist li
{
    list-style:none;
    margin: 0;
    padding:1em;
    border-bottom:#ddd 1px solid;
}
.commentlist li.alt
{
    background: #F2FCFF;
}
.commentlist li.highlighted
{
    border:#bdb76b 1px solid;
}
.commentlist li .cmtinfo
{
    font-size:1em;
}
.commentlist li cite
{
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#comments
{
    border-bottom:none;
}
textarea{
    background:#fff;
    border:1px solid #E0E0E0;
    width:80%;


}
input.textbox:focus, textarea:focus
{
    background:#fff;
    border:#999 1px solid;
}


/* Sidebar */
#sidebar {
    float: right;
    width: 185px;
    padding: 5px 0 0 0;
}
#sidebar li
{
    margin: 1em 0 0 0;
    padding:0;
    list-style:none;
}
#sidebar li li
{
    margin: 0;
    padding:0;
    list-style:none;
}
#sidebar li li li
{
    margin: 0;
    padding:0;
    list-style-image:url(images/bullet.png);
}




/* Footer */


#footer
{
    clear:both;
    padding:0;
    margin:1em 0;
}


#footer p {
    text-align: center;
    color: #777777;
}
#footer p span
{
    font-size:0.9em;
}
#main .feed
{
    background:url(images/icon_feed.gif) no-repeat left;
    padding-left:17px;
}
#main .trackback
{
    background:url(images/links.gif) no-repeat left;
    padding-left:19px;
}

Alles anzeigen

wenn jemand das zufällig weiß, wäre es sehr nett, wenn er es mir verraten könnte.

viele grüße
philipp

philip_p

Hehe,
Ok, das mit dem animierten Favicon seh ich ein ^__^
Geändert.
Am Content arbeite ich dann ab jetzt fortlaufend.

Danke für Deine Meinung!

philip_p

Hallo,

ich war schon vor kurzem mit einem Beitrag in dieser Kategorie vertreten;
ich möchte nicht spamen sondern einfach nur wissen, ob das neue Blogdesign so ok ist oder etwas geändert werden sollte.

Wenn mein Posting (bedingt durch den kurzen Zeitabstand) nicht in Ordnung ist möge man das Thema löschen und mich sperren. Oder steinigen. Oder so.

PewPew.

Viele Grüße
Philipp

philip_p

Hallo,

ich wollte mal nachfragen, ob es eine einfache Möglichkeit gibt amateurmäßig eine Sidebar in auf der rechten Seite meines Blogs einzufügen.

Gibt es da zufällig eine Möglichkeit?

Viele Grüße
Philipp

philip_p

Harhar, ganz vielen Dank für die schnelle Antwort ;D :)

Hat geklappt :D

Danke :D

philip_p

Hallo,

ich passe mein Weblog gerade an und es hat alles geklappt.
Das einzige Problem, dass ich jetzt noch habe ist, dass oben, rechts und links "Ränder" entstehen.
Also die Hintergrundbilder reichen nicht diekt an die aller linkeste Postition ran... bzw an die aller unterste und oberste... ^__^

Für den, der überhaupt keine Ahnung hat was ich meine (dies wäre durchaus verständlich ^_^) hier eine technische Zeichnung.

Ich habe im Gefühl, dass ich irgendetwas auf 0 setzen muss. Leider hab ich überhaupt keine Ahnung. :oops:

Weiß jemand zufällig was sich da machen lässt?

Viele Grüße
Philipp

style.css

Code

body {
    background: #FFFFFF;
    background-image: url('images/xbg.png');
    font-family: Arial, Verdana, Tahoma, sans-serif;
    text-align:left;
    color:#000;
    font-size: 8pt;
    padding: 0;


}


.cite {
    font-size: 7pt;
}


code {
    font-family: Arial, Courier New, Verdana;
    text-align:left;
    color:#000;
    font-size: 8pt;
}


#wrapper {
    width: 600px;
    background-position: left;
    background-image: url('images/pg-bg.jpg');
    background-repeat: repeat-y;
} 


.left {
    float: left;
    margin: 0px 10px 0px 10px;
}


.right {
    float: right;
    margin: 0px 10px 0px 10px;
}


#masthead {
    background-image: url(images/top.PNG);
    background-position: left;
    background-repeat: no-repeat;
     width: 600px;
     height: 185px;
    margin: 0;
}


.centeredImage {
    text-align:left;
    margin-bottom:0px;
    padding:0px;
}


#insideWrapper {
    width: 500px;
    text-align: justify;
    margin: 0 auto;
} 


#footer {
    font-size: 7pt;
    width: 600px;
        height: 80px;
        margin-top: 0px;
    text-align: left;
    background-image: url('images/bottom.JPG');
    background-position: bottom;
    background-repeat: no-repeat;
} 




}






.sep {
    position: relative;
    background: url('images/sep.jpg');
     width: 100px;
     height: 14px;
    margin: 0px;
    padding: 0px;
    left: 165px;
    text-align: left;
}


.commentPos {
    position: relative;
    margin: 0px;
    padding: 0px;
    text-align: left;
}


.post {
    width: 500px;
    margin: auto;
    text-align: left;
        font-size: 11px;
        line-height: 140%;
}


.commentBox {
    width: 100%; 
    background-color: #FFF; 
    text-align: left; 
    border: 1px solid #999; 
    padding: 5px;
}
input, textarea, submit {
        border: 0px solid #cccccc;
        background-color: #E7F3FF;
        color: #000;
        font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
        font-size: 12px;
        margin-bottom: 3px;
}


h2 {
    color: #000;
    font-size: 14px;
    text-align: left;
}


blockquote, blockquote p {
    text-indent: 0px;
    margin-bottom: 7px;
    color: #999;
}


.nav {
    color: #666;
}


a.nav {
    color: #666;
}


a.nav:visited {
    color: #666;
}


a.nav:hover {
    color: #999;
}


.footerLink {
    color: #666;
    text-decoration: underline;
}


a.footerLink {
    color: #666;
    text-decoration: underline;
}


a.footerLink:visited {
    color: #666;
    text-decoration: underline;
}


a.footerLink:hover {
    color: #999;
    text-decoration: underline;
}


.title {
        font-family: "Arial", "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}


a.title {
    color: #000;
}


a.title:visited {
    color: #000;
}


a.title:hover {
    color: #000;
        text-decoration: bold;
}


a {
    color: #000000;
    text-decoration: bold;


}


a:visited {
    color: #000;
    text-decoration: none;
}


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


ul#sidebar {
    width: 500px;
    margin: 8px auto 0 auto;
    background: #E7F3FF;
    border-top: 3px dashed #E5E5E5;
    border-bottom: 3px dashed #E5E5E5;
    padding: 15px 0 25px 0;
    }


ul#sidebar li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    }


ul#sidebar li ul, ul#sidebar li ul li {
    margin: 0;
    padding: 0;
    list-style: disc;
    text-align: left;
    }
    
#wrapper>#sidebar { padding: 15px 0 25px 0; } /* FF Specific */
    
#sidebar_wrapper {
    width: 467px;
    margin: 15px 15px 15px 45px;
    padding: 0 0 -20px 20px;
    }
            
#sidebar>#sidebar_wrapper { margin-top: 0; } /* FF Specific */
        
        
#sidebar li h2 { 
    margin: 0;
        font-family: Arial, Georgia, "Book Antiqua", "Souvenir Lt BT", serif;
    color: #000;
    font-weight: bold;
    font-size: 1.3em;
    width: 140px;
        background-color: ##63B8FE
    }
            
ul#sidebar li {
    width: 150px;
    float: left;
    margin: 0 0 15px 0;
    padding: 0;
    }
        
ul#sidebar li ul {
    width: 135px;
    padding: 5px 0 15px 10px;
    }
                    
ul#sidebar li ul li { width: 130px;    }


.ar {                        /*This way you can use a simple 


class="ar"/"al"/"ac" to get an objet floated or centered.*/
    float: right;
    }
.al {
    float: left
    }
.ac {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }

Alles anzeigen

philip_p

tokyopunk
haaaaaaallo. Kenne Dich auch, schätze Dein Weblog :-D

@ grafagoggel
ist nun rosa u_u

philip_p

ein anderer hintergrund - so ein hintergrund, der ändert nämlich einiges. Einiges!

philip_p

im in im in im in im in

philip_p

Ich weiß ja nicht wen du meinst, sollte ich es sein; nej u_u

philip_p

hättest du das eine halbe stunde früher gesagt, dann hätte ich den inhalt nicht gelöscht T_T

philip_p

Zitat von phil5555

Verstehe nicht ganz den Sinn deines neuen Blogs. Ansonsten sehr Simple gestaltet, was gut zu deinen "Artikeln" passt. Kommt mir irgendwie vor wie ein Setzkasten.

okeh ich habs gelöscht :cry:

philip_p

Hallo,

habe mein Weblog heute Nacht fertiggestellt. Wer Lust hat, kann ja mal vorbei schauen!

>>> Da.

Viele Grüße
Philipp

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von philip_p

Zufällige Änderung des Kommentarhintergrundes.

Text einer bestimmten Kategorie ANDERS anzeigen

Text einer bestimmten Kategorie ANDERS anzeigen

Text einer bestimmten Kategorie ANDERS anzeigen

Eine Frage des Abstandes... #hilfe

Blogdesign so ok?

Blogdesign so ok?

Eine Sidebar hinzufügen?

Amateurdesignanpassung: Räder "wegmachen"

Amateurdesignanpassung: Räder "wegmachen"

Mein Weblog ^__^

Mein Weblog ^__^

Mein Blog in neuen Gewand

Mein Weblog ^__^

Mein Weblog ^__^

Mein Weblog ^__^

Mein Weblog ^__^