CSS calc(100% – px)

Css3 calc is een fantastische functie waardoor u de breedte en hoogte van een element kunt laten berekenen zodat het design van uw pagina klopt  op elk scherm! width:calc(100% – 350px);  berekent de breedte van de content op basis van 100% van de parent minus 350 vaste pixels. Bijvoorbeeld handig voor een sidebar op uw pagina.

LET OP : zet een spatie voor en na de rekeneenheden + – anders werkt de functie niet!

width: calc(100vw  –  100 px) berekent de breedte van de content op basis van de breedte van het scherm in plaats van de parent.

calc(100% – px) werkt niet?

Check of je een spatie hebt gezet voor en na het minus teken. Heb je dat gedaan en loop je nog steeds tegen het probleem aan bekijk dan of je wellicht een oude browser hebt die calc nog niet ondersteunt.

Photoshop Custom shape remove border

Removing the border / stroke of custom shapes in photoshop can be a pain in the ass if you do not know where to look. Here is how you do the trick:
1. Simply select the layer you would like to adjust;
2. and then select the custom shapes tool (the same button as you choose to generate a custom shape in the first place).
3. Now on the top of the page (by most) you will be able to adjust the fill and stroke. Set the stroke to no color and there you are!

There is also the shortkey for activating or deactivating the border around custom shapes:

CTRL SHIFT H

Toddler Size 4t 5t 6t 7t 8t 9t 10t

Met de intercontinentale handel via websites als Amazon, Ebay en Aliexpress is het in de kledingindustrie een nog grotere wirwar aan verschillende maten en maattabellen.
Voor iedereen die zich afvraagt wat de maten 2t 3t 4t 5t 6t etc voorstellen, hier even een korte verduidelijking! U heeft te maken met Toddler Sizes, ofwel vertaald als kleuter maten. Dat men soms denkt dat kinderen van 10 ook een kleuter zijn en de maattabellen doorlopen tot 10t moet u maar voor lief nemen.
De verwarring is ook daar te begrijpen.



Verder geven de maten tabellen doorgaans alleen een richting aan en geen garantie. U bent natuurlijk bekend met het fenomeen dat van eenzelfde merk de schoenen met een gelijke maat toch heel andere afmetingen kunnen hebben.

110 (5 T)-110 cm (hoogte)
120 (6 T)-120 cm (hoogte)
130 (7-8 T)-130 cm (hoogte)
140 (9-10 T)-140 cm (hoogte)

AGE       SIZE       WEIGHT (lbs)        HEIGHT (in)   CHEST (in)   WAIST
2               2T               25-27*                 33-35*               20                  20
3               3T               28-32                   35-37                 21                  20½
4               4T               33-36*                 37-40*               22                  21
5               5T               37-42*                 41-43*               23                  21½

Google zoekresultaten van ander land

Voorheen was het mogelijk de zoekresultaten van Google op te vragen van een ander land door simpelweg naar de Google pagina van dat land te gaan, zoals voor Duitsland Google.de of Oostenrijk Google.at

Dit heeft Google nu veranderd zodat altijd de locatie van de gebruiker bepalend is voor de resultaten die worden weergegeven. Google gaat er hierbij voor om de beste gebruikersbeleving te brengen.

Bent u namelijk op vakantie in Frankrijk en zoekt u met Google.nl op uw smartphone dan krijgt u de beste lokale resultaten voor Frankrijk en niet voor Nederland.

Wilt u toch liever de resultaten voor Nederland ontvangen of juist voor een ander land de zoekresultaten bekijken dan kunt u terecht bij de instellingen van Google. Onderaan de pagina gaat u naar instellingen > zoekinstellingen > regio-instellingen waar u de gewenste regio kunt selecteren.

Twenty Sixteen full width post

Make posts full width on twentysixteen and make the entry footer appear underneath the post. Use the following code:

 

@media screen and (min-width: 61.5625em) {

body:not(.search-results) article:not(.type-page) .entry-content,
body:not(.search-results) article:not(.type-page) .entry-footer {
width:100%;
float:none;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
margin-top:20px;
padding-top:10px;
border-top:1px solid #efefef;
width:100%;

}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
margin:0;
width: 50.00000001%;
float:none;
width:100%;
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin:0;
float:none;
width:100%;
}

.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}

}

 

 

Twenty Sixteen content width aanpassen

Twenty Sixteen content width aanpassen? Met de onderstaande code haalt u de marges en padding weg zodat u de breedte van de main content kunt aanpassen aan uw child theme. Dit kan handig zijn wanneer u de gehele breedte van de site aanpast en daarbij gebruik maakt van een vaste marge of padding.

.sidebar,.sidebar,.comments-area,.content-bottom-widgets,.post-thumbnail,.entry-header,.entry-summary,.entry-content,.entry-footer,.page-content { margin-right: 0; margin-left: 0; padding:0;}

WordPress Multisite

WordPress Multisite geeft u de mogelijkheid om meerdere websites op te zetten op 1 hosting pakket en met slechts 1 database installatie. WordPress Multisite is een geweldige tool voor iedereen die vele kleine websites wil beheren, maar daarvoor niet voor elke site apart hosting wil aanschaffen.

WordPress Multisite installeren

Het installeren van een WordPress Multisite is niet lastig, maar een beetje ervaring met het werken met een FTP client is niet mis.

Hieronder volgt een stappenplan om de Multisite te installeren:

  1. Installeer WordPress op de normale manier;
  2. Deactiveer alle plugins;
  3. Open het wp-config bestand (via uw FTP client)
  4. Zoek de regel  /* That’s all, stop editing! Happy blogging. */
  5. Plak het volgende commando daarboven define( ‘WP_ALLOW_MULTISITE’, true );
  6. Log weer in op je WordPress site en ga naar Tools > Network Setup;
  7. Kies of je gebruik wilt maken van subdomeinen of submappen;
  8. Bewerk indien nodig de titel en het e-mail adres;
  9. Klik op installeren;
  10. Volg de aanwijzingen voor het bewerken van het wp-config en het .htcaccess bestand;
  11. Log opnieuw in op je WordPress installatie;
  12. U kunt nu links boven in het menu nieuwe sites aanmaken;
  13. Installeer de plugin MU domain mapping;
  14. Klik op netwerk activeren;
  15. Verplaats het bestand Sunrise.php via uw FTP client vanuit de map van deze plugin naar de map wp-content.
  16. Stel het IP adres van de site in waarnaar de domeinen moeten verwijzen;
  17. U kunt nu domeinen koppelen aan de door u aangemaakte sites in uw netwerk; Vergeet niet om voor elke domeinnaam een versie met en een versie zonder www. aan te maken.
  18. Het ID van de site verkrijgt u door op het menu My Sites te klikken en met uw muis over de naam van de site te gaan. Onderin ziet u de link verschijnen waaruit u de ID kunt afleiden.
  19. Verwijs uw site via een alias door naar het IP adres van uw Multisite. Meestal Domain pointer genoemd.

LET OP: Voor het installeren van nieuwe plugins en thema’s moet u nu gebruik maken van het menu My Sites. Op de losse sites van uw netwerk kunt u namelijk alleen thema’s en plugins kiezen die op uw netwerk geïnstalleerd zijn.