Ich bevorzuge lieber runde Avatare unter meinen Kommentaren, die sehen viel einheitlicher und weicher aus. Ihr seid der selben Meinung? Dann sollte euch dieses Tutorial nützlich sein.
1. Öffnet euren Dashboard. Geht auf Vorlage und öffnet das HTML.
2. Sucht nach ]]></b:skin> , direkt darüber fügt ihr folgendes ein:
.comments .avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}
- Wenn die Bilder nicht perfekt rund werden, könnt ihr die roten Zahlen abändern, bis es gut aussieht.
- Funktioniert nicht? Dann sucht nach .avatar-image-container und fügt folgendes zwischen die {}-Klammer ein:
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
3. Speichern und fertig!
das funktioniert bei mir aber nicht. leider. :(
AntwortenLöschendoch, schon;)
Löschenbei mir hat es dann doch noch funktioniert- allerdings musste ich es an einer anderen stelle einfügen.
Löschenkönntet ihr von cpl vielleicht mal ein tutorial machen, wie man dieses "Sticky Scroller" hinbekommt. ich würde das zu gerne auf meinem blog machen, aber die ganzen anleitungen sind nur unverständlich (und auf englisch). :)
An welcher Stelle muss man das dann einfügen?
LöschenJa, an welcher? Bei mir funktioniert es leider auch nicht.
Löschenbei mir auch nicht ! :(
LöschenIch schließe mich ebenfalls an haha xD
LöschenBei mir funktioniert es auch nicht..
Löschenbitte die Stelle wo wir es einfügen müssen! :)
LG Bel
maedchenregeln.blogspot.de
Vielen Dank für das Update! :)
LöschenEine Frage habe ich allerdings noch: Wie schaffe ich es, dass die Avatare auch im Pop-up Fenster rund sind? Oder funktioniert das nicht?
Ich bitte um Antwort! :D
Liebste Grüße
Anja von chemin du paradis
Ihr müsst nach " .post blockquote { " suchen & es darüber einfügen. So hat's dann bei mir geklappt (:
LöschenDanke, habs sofort ausprobiert und funktioniert super :)
AntwortenLöschennops, bei mir funktioniert es auch nicht!
AntwortenLöschenHat geklappt, vielen Dank!
AntwortenLöschenVielen Dank! Hat super geklappt und sieht gleich viel besser aus! :)
AntwortenLöschenVielen Dank klappt super :)
AntwortenLöschenhttp://lilalou88.blogspot.de/
wow, tolles tutorial & es hat super funktioniert :)
AntwortenLöschenich liebe rund zugeschnittene fotos und in den kommentaren sieht das auch richtig toll aus. also danke für das tutorial!
Hat bei mir nicht funktioniert... schade :/
AntwortenLöschenHab ich direkt ausprobiert & es hat geklappt (:
AntwortenLöschenwirklich toll (:
Liebst,
Aileen <3
Könntet ihr vielleicht mal ein Tutorial dazu machen, wie man in der Sidebar eigene Bilder für die Überschriften verwenden kann? Oder ist das zu kompliziert?
AntwortenLöschenIch finde das viel schöner und individueller, leider finde ich nirgendwo etwas, wie ich da vorgehen muss... . Wäre super :)
Dafür existiert auf jeden Fall schon ein Tutorial, ich hatte das zeitweise mal bei mir umgesetzt.
LöschenDann werde ich mal suchen. Danke! :)
LöschenDas hat super geklappt, danke :) Und oh, da bin ja ich, haha.
AntwortenLöschenDanke Danke Danke, auch bei mir hat's geklappt und sieht toll aus :)
AntwortenLöschencool DANKE :) <3
AntwortenLöschenIhr seid super!!!!
Hat geklappt! Danke! ♥
AntwortenLöschenHat funktioniert, vielen Dank :)
AntwortenLöschencool, hat geklappt :)
AntwortenLöschenVielen Dank!! :D
AntwortenLöschenOh, danke, es hat geklappt:)
AntwortenLöschenHat bestens funktioniert :D
AntwortenLöschenWuhu, bei mir hat's auch geklappt :))
AntwortenLöschenbei mir ist das ganze nicht komplett rund, könntet ihr mir erklären was die einzelnen Zeilen sind und was sie verändern? :)
AntwortenLöschendu musst wie oben genannt die roten zahlen ändern :) probiers mal aus... ich kuck eben mal für dich, welche ich letztendlich verwendet hab :)
LöschenVielen lieben Dank, hat super geklappt! :)
AntwortenLöschenSuper...Dankeschön!
AntwortenLöschenBei mir hat sich durch den Code leider nichts verändert -.-
AntwortenLöschenHat direkt geklappt. Super ! Vielen Dank :-)
AntwortenLöschenDankeschön für den Tipp! Funktioniert wunderbar!
AntwortenLöschenOha super, es hat sofort funktioniert :)
AntwortenLöschenDankeschön. Hat super geklappt :)
AntwortenLöschendanke, dass ihr das hier so gleich umgesetzt habt.
AntwortenLöschenwar ja eine frage gestern von mir, wie man das macht.
ihr seid ja echt schnell ;-)
offensichtlich haben doch viele interesse an runden kommi-pics.
genau den code hatte ich mir auch "gezogen", hab ihn aber an eine andre stelle eingefügt.
(strg. + f ausführen, geht ein suchfeld auf, dort...comments...schreiben.
so gelangt ihr am schnellsten zum gewünschten eingabe-feld.)
weiter gehts hier.........
im bereich........./* Comments
direkt über......../* Accents, den code einfügen
die, bei denen es, wie oben angegeben, NICHT klappt, können es ja mal so versuchen.
bei mir gehts auf versch. blogs so.
grüßle flo
funktioniert jetzt bei mir - danke :-)
Löschenbei mir hat auch das nix gebracht :(
LöschenSchließe mich MissCocoGlam an ... hat mir auch nichts gebracht. :(
Löschenbei mir hat es so auch geklappt, bei mir stand zwar nirgendwo Accents, ich hab es einfach beim Bereich */ Comments und über */ Footer eingefügt ;)
LöschenIch flipp aus - es hat auf anhieb funktioniert.. ich bin wirklich begeistert. Vielen Dank für diese geniale Idee. :)
AntwortenLöschenwww.blog-katu.blogspot.de
Ich habe euch in meinem letzetn Beitrag (Info Blog Veränderung) markiert - für diese tolle Idee. :)
Löschenhttp://blog-katu.blogspot.de/
bei mir hat es auch auf anhieb funktioniert, danke!!
Löschender blog (und die blogger dahinter) ist super :-*
:) Es funktionierte nicht wie beschrieben, ich musste es im comment bereich einfügen :)
AntwortenLöschendanke für den tipp. jetzt funzt es auch bei mir!
Löschen♥liche grüße, doro K.
Das funktionier super!
AntwortenLöschenDanke schön :)
Dankeschön :)
AntwortenLöschendas ging ratz fatz und drin hatte ich's ;-)) DANKESCHÖN! ihr seit toll.
AntwortenLöschenfunktioniert leider nicht :( könnte mir jemand vllt. den code zuschicken, wie es aussieht wenn man das dann darüber eingefügt hat. also nur das stück, vllt. habe ich auch einfach nur was falsch gemacht.
AntwortenLöschenschau doch bitte mal hier..........
Löschenhttp://flo-rundum.blogspot.de/2013/02/blog-helferlein-runde-kommi-pics.html
ich hab da eine hard-kopy mit eingefügt, da kannst du sehen wo ich den code eingefügt habe.
ich hoffe, es nützt nen bissle was
Danke, hat geklappt. :-)
AntwortenLöschenBei mir gibt es auch nur eine Stelle mit dem Code, wo ich das einfügen könnte.
toll, danke funktioniert :)
AntwortenLöschenDanke, hat super geklappt. Ich finde eure Tipps und Info klasse.
AntwortenLöschenGLG
Jeannette
ihr habt so tolle tutorials! :)
AntwortenLöschenHat bei mir nicht geklappt. Ich hab den Code wieder gelöscht.
AntwortenLöschenWas heißt: "im Comment-Bereich einfügen" ???
Smilies konnte ich übrigens auch nicht einfügen. Und es war recht umständlich, alles wieder zu entfernen.
Schade.
Ursel
Wo steht denn "im Comment-Bereich einfügen"?
LöschenDankeeee hat super geklappt!
AntwortenLöschenich liebe eure seite einfach :D da findet man immer was mit dem man seine seite noch etwas "aufpimpen kann" danke :D
AntwortenLöschenHat wunderbar funktioniert, vielen Dank (:
AntwortenLöschenSuper olé, danke!
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenBei mir funktioniert es auch immernoch nicht :(
AntwortenLöschenfunktioniert bei mir problemlos, vielen vielen dank :)! sieht echt klasse aus :))
AntwortenLöschenliebe grüße :)xx
pia
http://i-am-a-little-bit-like-this.blogspot.de/
Danke ! :)
AntwortenLöschenbei mir hats funktioniert ;-)
AntwortenLöschendanke !
Bei mir hat das funktioniert:)
AntwortenLöschendanke <3
Hi ihr!
AntwortenLöschenAlso bei mir hat es sofort funktioniert - danke für die ANleitung!
Allerdings ist es nicht wirklich richtig rund, nun habe ich aber alle möglichen Zahlen ausprobiert. Nichts klappt. Habt ihr nen Tipp?
DANKE!
GLG Louise
Hat bei mir super geklappt ( ich benutze die minima vorlage )
AntwortenLöschen& das ist ein super tolles Tutorial :-)
Danke für diese Idee, sieht super süß aus und ich liebe es. Vielen dank, diese HTML TIpps helfen mir als HTML Unwissender unmengen weiter und geben meinem Blog diese kleinen Extras die ich so sehr wollte. Vielen Vielen Dank.
AntwortenLöschenEure Nana
hat prima funktioniert...allerdings trotz ausprobieren aller möglicher Zahlen...nicht ganz rund. Aber was solls. Bella
AntwortenLöschenMein herzensüßer Blog
Geht leider beides nicht bei mir. Den zweiten Code gibt es bei mir gar nicht. HILFE?!
AntwortenLöschenIch würde das wirklich gerne machen, aber bei mir geht das nicht, weil ich nicht das normale kommentarfeld von blogger habe, sondern da mal ein anderes mit html gemacht habe. da hatte ich das tutorial von einer website. denn damals als das antworten von blogger kam, kam es auf meinem blog nicht, deswegen habe ich dann ein neues kommentarfeld gemacht. und wenn ich jetzt die bilder rund mache hab ich noch einen viereckigen rahmen und ein graues viereck darunter..ich weiß leider nicht wie ich das weg bekommen kann :(
AntwortenLöschenlg Lary
lary-tales.blogspot.de
Hat bei mir zuerst auch nicht funktioniert. Habe den Code jetzt einfach unter #comments h4 {...} eingefügt. Jetzt klappt alles und sieht super aus! :)
AntwortenLöschenIch bin dir so Dankbar, das du mir mit deinen Tipps so gut hilfst, meinen Blog noch etwas schöner zu machen.
AntwortenLöschenLiebe Grüsse
Biene
Ich bin so dankbar, dass ihr das so wunderbar erklärt, dass auch ich da verstehe, weil ich kenn mich HTML überhaupt nicht aus :) Hat bei mir echt super geklappt :)
AntwortenLöschenLiebe Grüß0e
Isy
sea-of-daydreams.blogspot.de
Die 2te Lösung hat bei mir geklappt :) Vielen Dank für Eure tollen Tutorials, mein Blogdesign wird dadurch von Tag zu Tag besser! Ein fettes Dankeeeeschön & Riesenlob schickt Euch Miriam
AntwortenLöschenDanke für das doch sehr leichte Tutorial.
AntwortenLöschenHat bei mir auf Anhieb geklappt!
Einen schönen Tag Dir
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenoh und zusätzlich... die genannten "Suchwörter" im Post gibt es nicht in meinem HTML Code... und ich verzweifle immermehr :(
AntwortenLöschenich hab sogar extra einen neuen Blog angelegt -.-
Löschenhat hier sonst NIEMAND das Problem ? :(
AN ALLE die das gleiche Problem hatten/haben:
Löschen- nochmals HTML Anzeige öffnen
- alle "dreiecke" bei der "Zeilennummerierung" öffnen
- normales vorgehen
lg Sophie :)
Hey Sophie :D,
LöschenIch hab genau das gleiche Problem wie du! Das mit den "Suchwörtern" klappt auch bei mir nicht...
Das ist echt doof...
Falls jemand was weiß, lasst es mich wissen :D
LG Anna
habe das gleiche problem!!
Löschenwas bedeutet denn 'und fügt folgendes zwischen die {}-Klammer ein' genau ? Welche Klammern sind gemeint ? Ich würde mich sehr über einen Screenshot u.ä. freuen, da bei mir einfach nichts klappt :(
AntwortenLöschenDas funktioniert bei mir einfach nicht :(
AntwortenLöschenich finde es in meinem html nicht :o
AntwortenLöschenBei mir hats auch funktioniert, es lassen sich nur leider die Zahlen nicht ändern.
AntwortenLöschenDanke für die Anleitung und Liebe Grüße!
bei mir klappt sie suche seit dem neuen design überhaupt nicht mehr... der findet nie was... was mache ich falsch???nicoles.briefkasten@web.de
AntwortenLöschenhttp://www.copypastelove.org/2013/06/suchen-finden-mit-dem-neuem-html-editor.html
Löschensupi das ist geklärt :) funktioniert aber leider nicht, hab alles mögliche ausprobert =(
LöschenWirklich super :)
AntwortenLöschenKlappt perfekt und ist wirklich einfach!!
Perfekt, Dankeschön! :)
AntwortenLöschenklasse!
AntwortenLöschenhttp://papillonfully.blogspot.de/
hat auf anhieb funktioniert - vielen dank :)
AntwortenLöschenHat bei mir auch gleich funktioniert. Super!
AntwortenLöschenhttp://www.marionsgenusskueche.blogspot.de/
Hey ich hab da ein Problem ich hab alles richtig gemacht nur irgendwie
AntwortenLöschenist mein Kommentar Avatar rund geh ich aber mit dem Mauszeiger drüber wird es wieder
Rechteckig
Hat super geklappt :) ♡
AntwortenLöschenIhr habt mir schon super oft geholfen, Danke!
http://lamiracosmetics.blogspot.de/
hat super funktioniert! deine seite ist toll! <3
AntwortenLöschenKriegt man das auch mit dem Über Mich Bild hin? Dass es dann auch rund ist? Hat Jemand einen Tipp? LG Lena :)
AntwortenLöschenyay!
AntwortenLöschenIch LIEBE diesen Blog. Genau richtig für DAUs wie mich, die auf "fertigen Code" (oder wenigstens gut erklärten!) angewiesen sind.
Danke!!!
So kann der Frühjahrsputz vor der Wiederbelebung weitergehen!
Egal wie ich die Zahlen ändere, die Avatare werden nicht rund..:/
AntwortenLöschenWelche Zahlen habt ihr denn genommen?
Der Wert für Border-Radius sollte optimalerweise etwas größer als die Breite bzw. Höhe des Bildes sein :)
LöschenDanke für das Tutorial, hat super geklappt! ❤
AntwortenLöschenBei mir im Blog sieht man keinen einzigen Avatar, ich weiß einfach nicht wie das funktioniert :(
AntwortenLöschenYes mit der zweiten Variante hates hingehauen. Sieht echt viel schöner aus.
AntwortenLöschenDanke
susanne
Ganz lieben Dank für dieses Tutorial!! Ich fand das auf anderen Seiten schon immer so toll und jetzt hab ich es auch!!
AntwortenLöschenAber: leider ist es nicht ganz rund geworden. Habe auch schon an den Zahlen rumgespielt, aber nix hat geklappt.
Hat jemand einen Tipp für mich dazu? Das wäre toll!!
Ganz liebe Grüße
Nadja
ich würd das so gerne ausprobieren, aber es findet die Zeilen nicht :(
AntwortenLöschenHat super geklappt! :)
AntwortenLöschenHallo. ich weis leider nicht mal wie ich das Bild überhaupt neben mein Kommentar bekomm :( es wird immer das Blogger Logo angezeigt. kannst du mir da vielleicht weiterhelfen. DANKE
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
LöschenHallo zusammen,
AntwortenLöschenklappt bei mir leider gar nicht :-/ Ich verzweifel daran seit Tagen, habe jedes Kommentar durchgelesen und versucht und versucht *grummel*
Mein Code sieht akutell so aus:
*/#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #999; }#comments-block { margin:1em 0 1.5em; line-height:1.6em; }#comments-block .comment-author { margin:.5em 0; }#comments-block .comment-body { margin:.25em 0 0; }#comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; }#comments-block .comment-body p { margin:0 0 .75em; }.deleted-comment { font-style:italic; color:gray; }#blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; }#blog-pager { text-align: center; }.feed-links { clear: both; line-height: 2.5em;}/* Sidebar Content-----------
Egal wo ich es einfüge, da wird nichts rund, auch nicht nach anpassen der Zahlen.
Hat jemand eine Idee welchen Code ich nehem kann, und wo genau er in dem Teil hin muss?
Die beiden im Tutorial genannten Optionen haben ebenfalls keinen Effekt.
Liebst, Nadine
von http://misshappyreading.blogspot.de/