Dus de volgende ding dat we willen doen is toe te voegen in de tekst aan de bovenkant dus moet er zo uitzien.
En gelukkig is deze relatief eenvoudig in vergelijking met het maken van deze afbeelding raster.
Dus het eerste wat we moeten doen is het lettertype.
Dit lettertype wordt genoemd Railway.
Het is een van de Google-lettertypen die we tot nu toe hebben gezien.
Dus ik ga naar Google fonts en kijk voor de echte.
Daar gaan we.
Het is de bovenste hier gebruiken en dan ga ik om verder te gaan en pak normaal.
Ook laten we het doen 800.
En dan zullen we dit op te nemen in onze HMO.
Dus we hebben nu toegang tot dat lettertype en dan alles wat we moeten doen is toe te voegen in de tekst.
Allereerst dus tot boven Ik ga het maken van een paragraaf en ik ga gewoon mijn naam te zetten en dat is wat ik hier had gescheiden door een schuine streep.
We kunnen brengen u weet zetten wat je hier wilt.
Dit zou kunnen worden Texas kon fotografie blog of lopen in mijn blog, maar gewoon wat tekst die ik het simpel houden en sla die en dan zullen we hierheen gaan.
Selecteer paragraaf en we zullen gewoon zeggen dat lettertype familie echte manier en laten we zien wat we eindigen met.
OK.
Dus niet het meest spannende.
Nog niet helemaal.
Het is te klein en het is niet op de juiste afstand van elkaar.
We hebben het nodig om meer dan 1,6 procent bewegen ook.
Net als dit beeld zo om het te verplaatsen in de lijn kunnen we daar beginnen.
Alles wat we moeten doen is gaan over om een ​​paragraaf en aan onze marge links en dat is nog maar één punt zes van zes procent.
We zijn fris OK nu het goed verdeeld.
Dus nog één ding dat we willen doen is zeker de lettergrootte te verhogen.
Dus ik weet dat de lettergrootte die ik hier gebruikt wordt is 23 pixels en niet alleen dat, maar ik gebruikte lettertype gewicht van 800 dat is waarom ik moest dat te selecteren.
Dus hier zal zeggen lettergrootte 23 pixels.
Ik zal je laten zien hoe dat eruit ziet.
Dus het is groter, maar het is nog niet zo vet.
Dus dan terug gaan we en voeg in tekengewicht.
Achthonderd en op te slaan.
Nu waren we fris in de herfst.
Het ziet er in de buurt, maar we zijn nog steeds ontbreekt een ding dat is het feit dat ik geen tekst in hoofdletters hebben gebruikt, dus ik kan dat doen door middel van tekst veranderen of ik kon de HDMI veranderen.
Dus ik ga gewoon dat hier de tekst omzetten in hoofdletters.
Nu krijgen we allemaal hoofdletters.
Daar gaan we.
Dus je kunt zien met een snel voorbeeld waarom je eventueel zou gebruiken tekst veranderen, want het is veel sneller en gemakkelijker alleen maar om één toe te voegen aan onroerend goed te beoordelen in plaats van om elke letter jezelf vooral als je een langere reeks tekens typen.
OK dus nu de laatste ontbrekende stuk is deze kleine lijn hier.
Ik weet dat het vrij zwak, maar er is een lijn hier en het gaat in lijn met deze eerste afbeelding, zodat het helemaal niet over hoeft te gaan.
Het spreekt 30 procent van de weg over.
Dus de manier waarop we dat doen is het eigenlijk gewoon een rand aan de onderkant van het is gecontroleerd op de bodem van deze paragraaf.
Dus je kunt zien dat de paragraaf zelf gaat 30 procent van de weg over het eindigt hier en dan is het gewoon grens bodem die we ingeschakeld.
Dus laten we teruggaan naar onze C SS en onder onze paragraaf.
Laten we beginnen met het geven van de grens bodem en laten we het voor de hand om zo te beginnen laten we het doen zoals drie pixels solide rood.
Dus we zullen slaan en te vernieuwen en gewoon zien dat de grens gaat helemaal over.
En ik denk dat het niet al te slecht uit.
We zijn zeker willen deze hier op te lossen.
Maar in plaats van dat te doen ga ik de breedte te wijzigen zodat deze alleen gaat 30 procent van de weg over.
Dus we zullen beginnen.
Dus dat is gewoon een kwestie van het instellen van de breedte van de paragraaf 30 procent.
OK nu het eindigt dus dan is het volgende wat is het maken van de kleur wedstrijd, zodat de kleur die ik gebruik is heel erg flauw.
Gewoon gaan om dit hier te wijzigen.
Het is een hexadecimale kleur.
EF 1 EF 1 EF 1 lijkt op dat.
Je kunt zien dat het erg flauw en ik denk dat ik had het op twee pixels in plaats van drie.
Dus zeer kleine verandering.
Verander dat zijn twee pixels en het laatste wat is de afstand.
Dus hier je kunt zien hebben we wat ruimte tussen de tekst en de grens.
En hier hebben we niet dus vergeet ruimte tussen een element en de grens is opvulling.
Dus als we controleren kunt u controleren of ik dat groene padding daar kunnen zien.
Dus we hoeven alleen maar te padding gaan hier ook krijgen.
Dus in RC SS We gaan gewoon padding doen onderste 20 pixels en we zullen terug te gaan vernieuwen.
En nu hebben we een klein beetje ruimte is er.
Nu natuurlijk voel je vrij om te spelen met deze maar je wilt als je die lijn gaat de hele weg over of geen lijn helemaal voorkeur.
U wilt de tekst groter te maken als je wilt om het te laten zich te ontdoen van de opvulling of voeg meer opvulling als je meer foto's gaat over het scherm in plaats van slechts drie willen.
Er zijn allerlei dingen die je kunt doen.
Oké, dus ik hoop dat je genoten hebt van iets dat enigszins OK ziet maken.