zaterdag 21 december 2013

html | foto's zonder randje

ik zat al een tijdje met het idee om uitleg posts te maken met dingen van blogger en bewerkingsprogramma's onder het label; html. het leek me leuk en handig om mijn tips met jullie te delen met behulp van een duidelijke uitleg en afbeeldingen.

in deze eerste post een hele simpele html tutorial. door blogger krijgt elke foto standaard een kader eromheen, met behulp van deze simpele code haal je de standaard randjes/kaders rondom je afbeeldingen weg.


01. ga naar je dashboard en klik aan de linkerkant op sjabloon.
02. klik op aanpassen.
03. klik links op geavanceerd.
04. scroll helemaal naar beneden in het kleine menubalkje bovenaan en klik op css toevoegen.
05. je krijgt dan rechts van het menubalkje een vakje waar je css codes kunt invoeren.
06. plak de css code in het vakje (code onderaan deze post).
07. als de code erin staat druk je in het vakje op enter en dan rechts bovenin op toepassen op blog.
 
de css code
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: none !important; border: none !important; background: none !important; -moz-box-shadow: 0px 0px 0px transparent !important; -webkit-box-shadow: 0px 0px 0px transparent !important; box-shadow: 0px 0px 0px transparent !important; }
 
 
♥ dat is alles wat je moet doen om het randje/kader om je foto's heen weg te krijgen. hopelijk vonden jullie het een handige en duidelijke uitleg. zouden jullie graag meer van dit soort posts willen zien.?

20 opmerkingen:

Bedankt voor het achterlaten van een reactie ♥
Ik neem zo snel mogelijk een kijkje op jouw pagina.

  1. Ja ik vind dit soort artikels erg handig! Duidelijke uitleg ook;) Ik heb geen Blogger, maar qua code zou het niet uit moeten maken toch? Pfff html vind ik best moeilijk hoor. Soms denk ik wel eens dat ik maar een cursus oid moet gaan volgen, je hetb er veel aan en het geeft je zoveel vrijheid als je er verstand van hebt..

    BeantwoordenVerwijderen
    Reacties
    1. je hoeft niet persé op blogger te zitten om met html/css codes te kunnen werken. in principe loopt elke site op html/css. xx

      Verwijderen
  2. Handig artikel! Ik vind het randje eigenlijk wel mooi, maar nu weet ik in ieder geval hoe ik dat kan veranderen als ik dat wil! :)

    BeantwoordenVerwijderen
  3. Leuk om te weten dat je het randje kan wegdoen! En goed uitgelegd met foto's! (:

    BeantwoordenVerwijderen
  4. Wat handig! Heel fijn ook om te lezen hoe het moet (:

    BeantwoordenVerwijderen
  5. Superhandig dit, heb het meteen gedaan! Goed uitgelegd, heel erg duidelijk. Ik hoop dat er meer van dit soort artikelen komen, ik volg je nu ook via BL! <3

    BeantwoordenVerwijderen
  6. Ik vind het randje wel wat hebben, maar toch handig om te weten!

    BeantwoordenVerwijderen
  7. Super handig artikel! Zelf weet ik niet zoveel van html en al de rest. Ik vind deze soorten artikeltjes dus altijd leuk, vooral als ze goed uitgelegd zijn, zoals bij jou. :)
    http://littlefireflyloetch.blogspot.be/

    BeantwoordenVerwijderen
  8. Ik denk dat heel veel "jonge" bloggers dit soort posts erg kunnen waarderen! :D
    (zelf ontwerp ik juist mijn eigen randjes omdat ik graag randjes wil :D) en mijn sjabloon is anders :D

    BeantwoordenVerwijderen
  9. Lijkt me echt superhandig voor de Blogger gebruikers! Er heeft vast wat tijd gekropen in dit artikel stapsgewijs maken.

    BeantwoordenVerwijderen
    Reacties
    1. het was inderdaad even wat werk, maar dat heb ik allemaal over voor jullie ♥ xx

      Verwijderen
  10. Wat een super handig artikel! Ik heb een periode les gehad in html en de basis lukt me wel, maar deze kleine details niet dus vindt dit soort artikelen echt heel leuk!! Mooie blog heb je ook, ik volg je!! x

    merdjelinn.blogspot.com

    BeantwoordenVerwijderen
  11. Heel handig om te weten als ik ooit het randje bij mijn foto's wil wegdoen. x

    BeantwoordenVerwijderen
  12. Thanks! hier was is super lang naar opzoek haha! top artikel en lekker duidelijk! LOVE IT :)

    BeantwoordenVerwijderen
    Reacties
    1. fijn dat ik iemand hiermee heb kunnen helpen ♥ xx

      Verwijderen