Heute zeige ich euch mal, wie man diesen ominösen Kasten um die Informationen eines Buches hinbekommt! Ich bin das schon so oft gefragt worden und ich habe das schon so oft erklärt, dass ich jetzt einfach ein Tutorial dazu schreibe. Ich plane voraus! :D
Preis: € 16,99 [D]
Einband: gebunden
Seitenanzahl: 320
Altersempfehlung: ab 12
Meine Wertung: 3,5 Pusteblumen
Reihe: Auftakt einer Trilogie
Verlag: Goldmann
Will ich kaufen!
Ihr könnt es mal so ausprobieren, dass ihr einen Post erstellt und im HTML-Modus folgenden Code reinkopiert. Es handelt sich genau um den Code, den ich für "Ich fürchte mich nicht" verwendet habe.
<img border="0" src="http://www.randomhouse.de/content/edition/covervoila/129_31301_125859_xxl.jpg" height="400"width="250"
style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" /><br />
<br />
<br />
<div style="border: 1px dashed #878787; background-color: #FFFFDE; background-position: initial initial; background-repeat: initial initial;">
<br />
<b>Preis:</b> € 16,99 [D]<br />
<b>Einband:</b> gebunden<br />
<b>Seitenanzahl:</b> 320<br />
<b>Altersempfehlung:</b> ab 12<br />
<b>Meine Wertung:</b> 3,5 Pusteblumen<br />
<b>Reihe:</b> Auftakt einer Trilogie<br />
<b>Verlag:</b> <a href="http://www.randomhouse.de/Buch/Ich-fuerchte-mich-nicht-Roman/Tahereh-Mafi/e382879.rhd">Goldmann</a><br />
<a href="http://www.amazon.de/Ich-f%C3%BCrchte-mich-nicht-Roman/dp/3442313015">Will ich kaufen!</a><br />
<br />
</div>
Der blaue Teil bestimmt das Cover, also das Bild. Bei
src="https://.../" gehört die URL des gewünschten Bildes rein, height und width bestimmen Höhe und Breite. Wenn ihr nur den Kasten wollt, könnt ihr den Teil auch rauslöschen.
Um diesen Part geht's hier eigentlich! Das ist der Code, der den Rahmen bestimmt.
- 1px bestimmt die Dicke der Linie, also könnt ihr hier 2px, 3px etc. einfügen.
- dashed ist für die Art verantwortlich. Hier könnt ihr euch entscheiden zwischen solid (durchgezogen), dashed (gestrichelt) oder dotted (gepunktet).
- #9E9E9E ist die Farbe. Hier könnt ihr euch alle möglichen Farbtöne generieren, aber vergesst das # davor und das ; danach nicht.
Dieser Teil bestimmt die Hintergrundfarbe. Blasse Farben sind von Vorteil, dann wirkt es nicht so drückend! Wenn ihr nur den Kasten haben wollt, ohne Hintergrundfarbe, könnt ihr auch diesen Code rauslöschen.
____________________________
Jetzt könnt ihr praktisch wieder auf den Verfassen-Modus umsteigen, den Text (Preis, Einband, Seitenanzahl, ...) rauslöschen und euren Text einfügen.
Wenn ihr diesen Kasten für Rezensionen verwenden wollt, müsst ihr den nicht jedes Mal neu einstellen. Ich mache das so, dass ich den HTML-Code von der letzten Rezension kopiere und dann anpasse.
Ich weiß, es ist beim ersten Mal etwas verzwickt und es sieht etwas abschreckend aus, aber ... es ist doch was Feines :D Wenn ihr keinen Rahmen haben wollt, löscht den roten Code einfach raus (und nehmt am Ende des Codes auch ein
</div> weg)!Liebe Lesekatze, selbstverständlich kann man statt der Hintergrundfarbe auch ein Bild einfügen. Dann sieht das Ganze schon wieder ganz anders aus! :) Ich zeig dir zwei Beispiele (zuerst ein Pattern, also ein Muster, das sich immer wiederholt, und dann ein richtiges Bild) und darunter den Code.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<div style="border: 1px solid #af1f4d;">
<div style="background: url(http://i39.tinypic.com/27xf7yw.png); padding: 20px;">
<div style="text-align: justify;">
TEXT TEXT TEXT
</div></div></div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<div style="border: 1px solid #af1f4d;">
<div style="background-image: url(http://i43.tinypic.com/903fxj.jpg); background-repeat: no-repeat;">
<div style="padding: 20px; text-align: justify;">
TEXT TEXT TEXT
</div></div></div>
Bei Fragen, fragen. Bei der zweiten Variante könnte es Probleme geben, wenn a) der Hintergrund so prägnant ist dass man die Schrift kaum/nicht lesen kann, oder b) dass das Bild zu groß ist und nur ein Ausschnitt zu sehen ist. Da werde ich mich, wenn ich mehr Zeit habe, mal näher damit auseinandersetzen, aber vorerst kennst du schon mal die Basics!
Sandra meine Heldin!!! Endlich kann mir das mal jemand so erklären, dass ich als HTML-Neuling auch verstehe! Vielen, vielen, vielen, vielen Dank!!! Ich finde diesen Kasten nämlich todschick und wollte das schon immer so haben xD
AntwortenLöschenWird in meinen nächsten Rezensionen die ich online stelle sofort ausprobiert :D
Also nochmal: danke!!!
LG,
Lyrica
Lyrica, meine Liebe!
LöschenEs freut mich wirklich sehr, dass ich dir weiterhelfen konnte :D Mir ist auch schon aufgefallen, dass es kein wirkliches Tutorial zu so einem Ding gibt und den Fachbegriff dafür kenne ich auch nicht. Aber immerhin können wir uns jetzt sowas basteln! ;)
Alles Liebe!
Das konntest du definitiv! Wenn ich heut Abend etwas Zeit habe, wird das sofort mal ausprobiert :D
LöschenSobald man den Fachbegriff weiß, gibt es sicherlich ganz viele tolle Tipps, aber äh ja :D hab das mal versucht ganz kompliziert mit Paint zu machen xD hat aber überhaupt nicht geklappt, von daher bin ich dir sehr dankbar :D
Ich bin derzeit auch total im HTML-Fieber. Kaum zu glauben, was man alles findet, wenn man nur danach sucht! :D
LöschenHihi, ja, das Doofe ist ja aber, dass man den Fachbegriff nie weiß xD
Manche Blogs machen diesen Kasten ja auch mit Bildbearbeitungsprogrammen und allem Drum und Dran! Ich wäre viel zu faul, das jedes Mal neu zu machen ^^
:D:D:D:D:D:D ES HAT GEKLAPPT :D:D:D
LöschenDu bist echt super!!! Vielen lieben Dank!! Das Ergebnis wirst du nächste Woche sehen! :D
Du solltest wirklich mehr Tutorials schreiben! Dann schaff ich das bestimmt auch mit meinem eigenen Bloglayout xD :D
Um Gottes Willen xD Du bist ja leicht zu begeistern - aber ich weiß, was das für ein tolles Gefühl ist, wenn man was schafft, von dem man nie gedacht hätte, es schaffen zu können ... :D
LöschenOch, weißt du, das meiste Zeug, mit dem ich mich beschäftige, gibt es sowieso als Tutorial ... Und wegen deinem Layout, schau dich einfach mal auf CPL oder care about what? um. Sei optimistisch :D
Ja, total :D weißt du, wie umständlich ich das schon versucht hab? Immerhin eine Sache, die ich von meiner To-do-Liste abhaken kann :D Genau so ist es nämlich! :D
LöschenJa, CPL beantwortet mir leider nicht alle Fragen... und ich muss immermal noch mit nem anderen Explorer rumprobieren, kann ja keine Templates mehr hochladen -.- hab ja nächste Woche Ferien, da gibts bisschen mehr Zeit dafür :D
Ich kann es mir nur annähernd vorstellen :D Aber ich weiß, wie nervig es ist, etwas unbedingt zu wollen und es doch nicht gebacken zu kriegen.
LöschenAch ja, das Template-Problem hast du ja auch noch :o Kannst du gar keine neuen Vorlagen mehr nehmen? Meine Ferien sind genau ab Montag aus *hinterhertrauer* :D
Was hast du denn für Fragen, die dir CPL nicht beantworten kann?
Ich hab gestern, mal so ganz nebenbei, total easy, das Template-Problem gelöst. Es lag wirklich am Internet Explorer. Hab mir einfach mal Firefox runtergeladen und schwupps, gings. Immerhin ein Schritt nach vorn^^
LöschenWerd Student! Da hast du Ferien wie noch nie in deinem Leben! Zwar hast du im Semester kaum Zeit für irgendwas, aber dafür dann 8 Wochen keine Uni xD
Ach, ich glaube, da ich selber kein HTML Profi bin, brauch ich nen gutes Template, was ich selber dann mit diversen Tutorials bearbeiten kann, so wie ich das will. Problem ist nur, dass es immer irgendeine Sache gibt, die mir den Plan versaut xD aber ehrlich gesagt, ist es schwer, nach etwas zu googeln, von dem man gar nicht weiß, ob man das haben will. Muss mir erstmal im Klaren darüber werden, in welche Richtung das neue Layout gehen soll und dann wird das schon klappen :)
Ich weiß gar nicht, wie du es so lange mit diesem schrecklichen Browser ausgehalten hast. Kennst du diese Bilder, wo IE immer verarscht wird? Die sind hammer :D
LöschenNach dem Gymnasium gehts höchstwahrscheinlich sowieso ab auf die Uni, und ich hab jetzt schon eine Heidenangst davor ^^ Ach, 9 Wochen Ferien im Sommer hab ich jetzt auch schon :P
Ich hatte ja sehr lange Zeit Bildfenster als Vorlage weil ich es so schön fand. Blöd, dass dann die Hälfte der HTML-Codes nicht funktionieren -.- Jetzt bin ich ja auf Simple umgestiegen und muss sagen, dass wirklich alles einwandfrei geht.
Ich wünsch dir noch viel Glück und Geduld bei deinem neuen Layout :) Man kann sogar Spaß daran finden!
Ich denke mal, das ist Gewöhnung. Mozilla ist mir zB irgendwie zu seltsam... der speichert ja echt alles ab, was man jemals gesucht hat -.- Ja, die kenn ich :D Aber ich hab jetzt beides und dann wird das schon :)
Löschen9 Wochen?! Okay... da kann ich leider nicht mithalten :(
Ich hab jetzt eben nochmal bisschen rumgebastelt und eigentlich was total Schönes gefunden. Muss nur noch ein paar Macken ausbessern :D Aber wahrscheinlich wirds (wie immer^^) daran scheitern xD
Ja natürlich ist das Gewöhnung - JEDER von mir in der Familie hat zB immer IE benutzt, aber irgendwann wurde es mir echt zu blöd und ich bin auf Chrome umgestiegen. Und bin echt sehr zufrieden damit - obwohl natürlich auch Chrome vieles abspeichert. Aber ich bin immer im Inkognito-Modus unterwegs und lösche noch dazu alle paar Tage meinen Verlauf - so fühle ich mich einigermaßen unbeobachtet :D
Löschenhttp://sphotos-c.ak.fbcdn.net/hphotos-ak-ash4/487634_342022515911383_832438929_n.jpg xD
Ja, wir haben's in Österreich manchmal echt gut mit den 9 Wochen Sommerferien. Aber wenn man da nix zu tun hat, kann es auch echt langweilig werden ^^
Das mit dem Layout hat sich ja jetzt erübrigt ;)
Ich hab jetzt IE und Mozilla. Wenn bei IE irgendwas nicht geht, regle ich das über Mozilla und den Rest mach ich dann wie gehabt. Ist für mich am einfachsten und ich Gewöhnungsmensch muss mir nicht was Neues aneignen :D
LöschenxDDD Herrliches Bild xD erinnert mich an ein Pokemon xD
Ich bin jetzt beim neuen Layout voll im Kastenfieber xDD schlimm! :D
Ich muss mich einfach mal einmischen :D
Löschen@Wortszenerie
Kann dich total verstehen! Ich hatte auch immer IE und war glücklich damit ^^. Aber Blogger kann IE echt nicht leiden und irgendwann bin ich dann auf Firefox umgestiegen und hab mich erst gar nicht zurechtgefunden. Kann verstehen, wenn du bei IE bleibst, egal was Sandra sagt ^^
Abgewöhnen ist total schlimm, mir gings auch so, aber jetzt bin ich einfach froh, dass ich gewechselt habe und ich LIEEEBE Chrome :D
LöschenIch weiß, hihi xD
Nur zu :P Freut mich!
@Charlie:
"Egal was Sandra sagt". Autsch, das tat weh. xD Ihr könnt IE ja von mir aus nutzen, wenn es euch gefällt, aber mir graust's davor. Braucht eine halbe Minute um Seiten zu laden, ich werde mit Werbung überschüttet, überall will man mir was andrehen, der Rechner macht komische Ratter- und Klickgeräusche ... Alles höchst mysteriös. Chrome for life <3
@Charlie:
LöschenDankeschön! :D ich finde IE gar nicht SO übel. Er zickt immer etwas rum, aber meine Güte. Das tut Firefox sicherlich auch mal. Und da blick ich bisher gar nicht durch oO
@Sandra:
Werbung hab ich gar nicht so oft, muss ich sagen. Oder ich hab mich schon zu sehr dran gewöhnt xD vielleicht liegt das auch an deinem Rechner, wenn der so komisch reagiert? xD
Ich schon, aber vielleicht lade ich mir ja auch unabsichtlich total viele zwielichtige Programme runter. :D Neeein, das liegt nicht am Rechner! Das war bis jetzt bei jeden Rechner, bei dem ich das versucht habe, die machen immer Laute, als würden sie gleich absaufen. ^^
Löschen@Wortszenerie
LöschenAber man gewöhnt sich mit der Zeit auch an Firefox ;). Gibt's was bestimmtes, was du nicht findest/verstehst/...? :)
@Sandra:
LöschenOhje... das klingt echt nicht gut xD
@Charlie:
Das glaube ich dir sofort! Nur bin ich da immer so... zickig, wenn ich mich an neue Dinge gewöhnen muss xD
Ja, zB wie man die Größe dauerhaft einstellen kann. Das ist alles so mega klein und jedes Mal wenn ich Firefox neu starte, muss ich das neu einstellen -.- und dass alle Begriffe, die ich jemals google und auch alle Benutzernamen gespeichert werden, mag ich eher nicht so... :/ Kann man das ausstellen?
@Wortszenerie:
LöschenMeinst du die Größe der Schrift und so, also dass die ganze Seite klein aussieht, oder dass das Fenster klein ist?
Das mit den Suchbegriffen ist da einfacher: Du musst oben rechts auf "Extras", dann auf "Einstellungen", dort auf "Datenschutz" und dann das Häkchen bei "Eingegebene Suchbegriffe und Formulardaten speichern" wegmachen. Müsste funktionieren ;).
Ne, die Seite an sich ist so klein. Bei IE hast du ja die Auflösung in Prozent und da fehlt mir die Angabe, die ich dauerhaft einstellen kann... versteht man, was ich meine? xD
LöschenAh, super! Vielen Dank! Du hast mir damit echt sehr helfen können, jippieh!! :)
Was würde ich ohne die ganzen erfahrenen Blogger machen <3
Hm, da das bei mir nicht so ist/war, habe ich leiner keine Ahnung :(
LöschenVielleicht kann man das ja googlen...
Angeblich geht es zum Beispiel mit diesem Add-on. Kannst ja mal hier schauen oder "Zoom bei Firexo dauerhaft einstellen" googlen :D.
Schön, dass ich wenigstens da helfen konnte :D
LG =)
* Firefox meinte ich natürlich :D
LöschenIch schau einfach mal, was ich finde :) aber da ich Firefox nur für Blogger brauche, da ich mit IE ja eigentlich sehr zufrieden bin, ist das auch nicht weiter dramatisch :)
LöschenLG :)
Heluuu :D
AntwortenLöschenToll, dass du das mal erklärst! Ich kann das zwar schon mit dem Kasten, aber mit den Linien hat mich das immer etwas verwirrt, sonst hat das nämlich nicht so geklappt und jetzt werd ich das gleich nochma ausprobieren, danke also ;)
Ach und ich bin sicher, dass dein Musikgeschmack garantiert super ist! Ich könnte jedenfalls nie ein Tutorial schreiben, glaub ich (dazu weiß ich auch zu wenig xD)
Liebste Grüße,
L E Y
Heluu :D
LöschenFreut mich, dass ich dir weiterhelfen konnte :)
Ach, weißt du, das mit den Musikposts und so lassen wir mal xD Dann schreibe ich doch lieber hin und wieder ein kleines Tutorial :D
Alles Liebe!
Tolles Tutorial ;)
AntwortenLöschenIch frage mich schon die ganze Zeit wie du es machst, weil die Rezensionen von mir auf der Startseite immer so schrecklich aussehen.
Ich werde es gleich mal probieren ^^
LG May
Wie kann man den Kasten nicht so breit machen?
LöschenDanke :)
LöschenDu könntest vor dem div-Code [blockquote] und nach dem div-Code [/blockquote] setzen. Dann hast du es mittig, mit ein bisschen Rand auf den Seiten.
([ = < und ] = >)
Juhu, super!! Danke dir, jetzt kann ich das endlich auch einbauen. <3
AntwortenLöschenHoffentlich war die Wartezeit nicht zu lange :) Gern!
LöschenOh ja, auf den ersten Blick sieht es abschreckend aus :D
AntwortenLöschenIch denke, ich werd's mir mal in einer ruhigen Minute angucken, weil ich solche Kästen eigentlich ganz cool finde. So wirkt irgendwie alles übersichtlicher ;).
Auf jeden Fall danke für das Tutorial ;).
LG <3
Ich hab mich schon so sehr dran gewöhnt und hatte in den letzten Tagen so viel damit zu tun, dass mir dieser Code wie ein Klacks vorkommt :D Ich bin derzeit total auf dem HTML- und CSS-Trip, muss wiedermal alles ausprobieren und kaputt machen, haha.
LöschenBitte :)
Alles Liebe <3
Ich glaub, ich kauf mir mal so ein Buch, HTML für Anfänger oder so ^^
LöschenUnd dann mache ich auch alles kaputt :P
Sei doch nicht so ein Spießer, hab ein bisschen Spaß, mach's einfach ohne Buch xD Wichtig ist eigentlich nur, dass du das Template vorher nochmal runterlädst, damit du,alle Fehler wieder beheben kannst :D
LöschenTsss, Spießer! Ich bin höchst beleidigt ^^
LöschenWenn du mir noch verrätst, wie das geht...
:P
Bei diesem Menü auf Vorlage, oben rechts auf Backup/Wiederherstellung :) Ich bin derzeit total im Designfieber, obwohl ich gar kein neues brauche. Es macht echt Spaß, aber das ist ein richtiger Zeitschlucker :D
LöschenIch liebe deine Tutorial-Times...
AntwortenLöschenDie versteh ich immer sofort :D
Danke für die Hilfe ...
Lg
Oh, das freut mich aber, dass das wirklich Leuten weiterhilft! Ich versuche möglichst das Tutorial relativ kurz zu gestalten, aber trotzdem alles zu erwähnen :)
LöschenAlles Liebe!
Ich wollte schon immer mal wissen, wie das geht! Endlich! Ein Mysterium ist gelüftet ^^
AntwortenLöschenMir gefallen die Kästchen nämlich sehr, auch wenn ich sie bei meinem Blog wahrscheinlich nicht einbauen werde, da es da nicht so passt.
Aber schön aussehen tut es allemal!
Liebe Grüsse
Vanessa
Haha, ein Mysterium :D
LöschenIch finde es sieht mit einem Kasten drumrum auch schöner aus als wenn ich es nur so hinschreiben würde :)
Alles Liebe!
Oooh. Geil. :D
AntwortenLöschenDANKE!!
Das war für mich schon lange ein ungelöstes Rätsel ;D
Da wir gleich mal dabei sind: Wie geht dass, das deine Bilder oder deine Links wenn man mit der Maus auf sie drauf geht so mysteriös hell werden? :O
AntwortenLöschenDas ist für mich auch immer ein Rätsel :D Aber es sieht so schön aus :0
Liebe Grüße
Jessi
Damit hab ich mich EWIG herumgeärgert, weil es irgendwie nie funktioniert hat :D Aber dann hab ich's mit Gewalt doch irgendwie geschafft. Kannst es ja mal ausprobieren, hier ist ein Tutorial: http://www.copypastelove.org/2011/03/tranzparenz-effekt-bei-bildern.html :)
LöschenAlles Liebe!
Hey, falls du lost hast, hab ich einen Tag für dich :)
AntwortenLöschenhttp://dreamcatchers-rezensionen.blogspot.de/2013/02/tag-8-dinge-zum-thema-buchverfilmungen.html
Hey, vielen Dank für das tolle Tutorial.
AntwortenLöschenIch probier das gleich mal aus, gefällt mir super :)
LG Jana
Viel Spaß :)
LöschenVielen lieben Dank für das echt tolle Tutorial! <3 Probiere ich demnächst gleich einmal aus! :)
AntwortenLöschenDir vielen Dank :) <3
LöschenGibt's eine Möglichkeit ein Bild als Hintergrund zu nehmen, statt einer Farbe? (:
AntwortenLöschenLiebe Grüße,
Lesekatze
Ich hab den Post jetzt mal kurz erweitert! Die zweite Variante schau ich mir bei Gelegenheit nochmal genauer an, damit das perfekt sitzt. Ich bin grade etwas eingerostet :D Hoffe aber, die Codes helfen dir ein bisschen.
LöschenAaah, ich hab es heute erst gesehen :D
LöschenVielen vielen Dank (: Ich probiere es gerade aus (:
Liebe Grüße, Lesekatze
Endlich finde ich hier eine Aufklärung, bestaunte das immer.
AntwortenLöschenHo Sandra,
AntwortenLöschendas Tutorial hat mir voll geholfen!
Geht das auch, dass ich eigene Bilder einfüg, wegen dem Urheberrecht?
GLG ♥
Hallo du, natürlich geht das. Lad deine Bilder einfach direkt bei Blogger hoch (neuen Post erstellen und "Bild einfügen", Post kannst du dann wieder löschen) oder bei Uploadern wie www.tinypic.com. Da schnappst du dir dann die URL und fügst sie wie beschrieben bei src ein. Ich würd dir natürlich empfehlen, vor allem deine Bilder zu verwenden bzw Bilder, die allen freigestellt sind oder von denen du weißt, dass du sie verwenden darfst (zB Buchcover von der Verlagswebsite)!
LöschenHey, bin durch Zufall auf dein Tutorial gestoßen, und bin begeistert :)
AntwortenLöschenNur irgendwie will Blogger einfach das mit dem farbigen Hintergrund und der gestrichelten Linie auf den Tod nicht annehmen... Dabei hab ich deinen Code eins zu eins kopiert :'(
Hat sich da eventuell etwas geändert?
Liebe Grüße,
Natascha
Hallo Natascha,
LöschenDas tut mir leid, dass das bei dir nicht sofort geklappt hat! Auf meinem Laptop wirds derweil so angezeigt: http://oi58.tinypic.com/2rnc0eu.jpg
Also Linie und Hintergrund sind vorhanden :) Man könnte vielleicht das Bild größer machen und bei den Informationen den Zeilenabstand verändern, falls dir die Darstellung noch nicht gefällt. Falls du dich irgendwo nicht auskennst, kannst du ruhig fragen!
Im Moment hab ich eine simple Tabelle :D
LöschenDie Farben sind immer verschoben und füllen die Tabelle leider nicht aus, oben und unten ist zusätzlich ein transparenter Rand. .. muss ich später mal zeigen :O
Tabellen sind manchmal total praktisch. Außerdem kann man mit denen echt tolle Sachen machen :D
LöschenWelchen Browser benutzt du denn bzw. kannst du das Problem mal screenshotten? Bei mir schließt nämlich der Rand mit dem farbigen Hintergrund immer ab, ohne transparentem Rand.
Puh, jetzt hab ich wieder mehr Zeit, war ein bisschen stressig die letzten Tage :D ja, ich schick dir mal schnell einen Screenshot, bzw kann man den hier einfügen? :D
LöschenAnsonsten schick ich dir einfach schnell eine Mail^^
Schick mir doch eine Mail, übers Kommentarfeld geht das so doof ^^
LöschenIch weiß grad nicht, ob der vorherige Kommentar angenommen wurde oder nicht (manchmal spinnt das hier alles bei mir etwas), darum schreib ich zur Sicherheit nochmal ;D
AntwortenLöschenVielen Dank für dieses super Tutorial! Gerade als Neuling in der Bloggerwelt mit absolut 0% HTML-Kenntnissen ist das wirklich hilfreich (zumal es wirklich nichts dazu im Internet gab).
Aber wie kriege ich es hin, dass das Bild mittig auf dem Info-Kasten liegt? Also dass vom gestrichelten Rand nach oben und unten gleich viel Abstand zum Coverrand gesehen ist? Bei dir ist das Cover ja nach unten "länger", weil der Kasten höher liegt...wenn du verstehst, was ich meine ;)
Das spinnt bei mir auch ständig. Nervt so -.-
LöschenVielen Dank für das Lob :) Also ich hab mich einfach mit dem Cursor über den Kasten gesetzt und hab ein paar mal Enter gedrückt. Simpler gehts gar nicht :D Im Code schaut das dann so aus:
...<img border="0" src="http://www.randomhouse.de/content/edition/covervoila/129_31301_125859_xxl.jpg" height="400" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="250" />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="border: 1px dashed #9E9E9E;">...
Wären gar keine "br"s, würde der Kasten am mit dem oberen Bildrand abschließen.
WoW! Vielen Dank! Das ist ja super! (und wirklich simpel, auf die Idee bin ich gar nicht gekommen! :D). Weißt du zufällig auch, wie man diesen Rahmen um das Bild wegbekommt? (bzw. den Abstand vom Coverbild zum Infokasten)? Wenn ich den Post schreibe ist da nämlich kein Abstand und Kasten sowie Bild liegen direkt nebeneinander, aber wenn ich mir den Post bei Vorschau ansehe, ist da richtig viel Abstand zwischen den beiden (äußerst mysteriös, wenn du mich fragst).
LöschenIch lobe doch gerne ;)) Mir gefällt dein Blog übrigens richtig, richtig gut (wenn wir schon beim Lob sind)! Da bin ich doch gleich mal Leser geworden :)
Blogspot hat von Haus aus einen (finde ich) hässlichen Rahmen um Bilder, den kannst du so entfernen: http://www.copypastelove.de/2013/09/rand-und-schatten-bei-bildern-entfernen.html
LöschenIch bin mir grad aber nicht sicher, ob du genau das meinst. :) Du kannst die Sache ja mal screenshotten.
Danke, danke, danke :) Sowas hört man echt gerne, auch wenn ich nicht so regelmäßig blogge wie andere, dafür kommt einem einfach zu oft das Leben dazwischen ...
Ja, den Rahmen von Blogspot find ich auch nicht schön :) Aber den hab ich auch schon "eliminiert" (das war meine erste "Amtshandlung") ;D Ich meinte diesen kleinen Abstand/die kleine Lücke zwischen dem Cover und dem Kasten: http://skyline-of-books.blogspot.de/2014/07/rezension-obsidian-jennifer-l-armentrout.html (für ein Screenshot bin ich grad zu dumm, tut mir leid :D Ich find die Taste auf meiner Tastatur gerade nicht...Oo).
LöschenGerne! :) Naja, was soll ich sagen? Das Leben ist doch auch wichtig (vor allem, weil man da ja liest ;D)! ;) Man kann ja nicht immer nur in der virtuellen Welt leben und man muss ja auch nicht immer was posten ;)
Nein, die hab ich bei mir auch :/ Hat mich bis jetzt nicht so gestört, weil ich überall helle Farben habe und man das dadurch nicht so merkt. Da weiß ich echt nicht weiter ...
LöschenHallo :)
AntwortenLöschenIch habe auch eine Frage...
Kann man die Ecken des Kästchens iwie abrunden ?
Liebe Grüße
Sharleen
Hallo,
LöschenEntschuldige bitte die späte Antwort. Ja, das geht :) So schaut das dann aus:
<div style="-moz-border-radius: 15px; -o-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px dashed #878787; background-color: #FFFFDE; background-position: initial initial; background-repeat: initial initial;">
Die Pixelanzahl kannst du dann vergrößern, je nachdem, wie sehr abgerundet das Ganze sein soll. Das muss nur so oft definiert werden, dass das in möglichst vielen Browsern richtig angezeigt wird. Ich hoffe, ich konnte dir helfen :)
geht auch viel einfacher mit
Löschenborder-radius: 10px;
falls ich mich mal einmischen darf :D
Auch das klappt klasse!
AntwortenLöschenhttp://marys-buecherwelten.blogspot.de/2015/07/one-shot-love.html
Danke & LG, Mary <3
Vielen vielen Dank.
AntwortenLöschenIch wollte schon länger wissen, wie das geht. Jetzt hab ich auch so einen schönen Infokasten :)
Ich bastle gerade etwas an meinem Blog und stöbere da gerade durch deine Tutorials.
AntwortenLöschenAuch das habe ich gleich mal ausprobiert.
Liebe Grüße
Victoria
Hab schon durch deine Kommentare gemerkt, dass du dich da grad durchstöberst :)
LöschenHey !!
AntwortenLöschenDANKE DANKE DANKE !!! 1000000 Mal DANKE !! Das hat mir wirklich weiter geholfen! Und hab dir gleich auch mal ein "Follow" dagelassen :) :*
xo Christl
Guten Morgen,
AntwortenLöschenDanke für das Tutorial. Ist ja wirklich kein hexenwerk, sondern ganz einfach.
LG
Yvonne
Hey,
AntwortenLöschendanke für deine tollen Tutorial!
Sie helfen mir wirklich sehr weiter beim Blogverbessern!
Ich habe aber eine kleine Frage zu deinem ersten Tutorial hier auf der Seite und zwar geht es ihrgendwie das der Kasten mit dem Cover unten abschließt?
Und kann man da auch ein Bild reinsetzen?
Vielleicht was dumme fragen aber ich sitze da jetzt schon ein paar Stunden dran un bekomm es einfach nicht hin :D
glg
Carla
Hey, habe den Kasten jetzt bei mir eingefügt, doch ist der Kasten viel größer als mein Bild und ich kriege, dass nicht so hin. Könntest du mir vielleicht helfen?
AntwortenLöschen