Hur du sätter in din. Hur man snabbt infogar ett ansikte i ett annat foto i Photoshop

Varje internetanvändare står förr eller senare inför en ganska trivial uppgift, men en som kräver viss nödvändig kunskap: hur man lägger upp en fil på Internet så att andra användare kan "ladda ner" den. Låt oss överväga ett av sätten att lösa detta problem: ladda upp filen till en filvärdtjänst.

Du kommer behöva

• - Internetåtkomst
• - arkiveringsprogram (WinRAR)

Instruktioner

Låt oss först förbereda filen för sändning. Innan du sätter igång måste du se till att du har ett arkiverings- och filhanteringsprogram installerat, till exempel WinRAR. Vi kommer att överväga att arkivera med detta program som exempel, men du kan använda vilket annat program som helst som liknar WinRAR i funktionalitet.

Öppna mappen där den önskade filen finns, välj den och högerklicka för att visa snabbmenyn. Här behöver du välja "Lägg till i arkiv..." eller "Winrar -> Lägg till i arkiv...". Om det finns flera filer behöver du alla innan du lägger till dem i arkivet.

I dialogrutan som visas, skriv ett namn för arkivfilen (helst med latinska bokstäver, till exempel file.zip), ZIP-arkivformatet (det vanligaste) och slutligen komprimeringsmetoden (detta bestämmer storleken av det slutliga arkivet och dess komprimeringshastighet). Det är vettigt att komprimera filer av okomprimerade format (till exempel tiff, bmp, wav, doc) så mycket som möjligt. Komprimerade format (till exempel jpg, gif, mpg, mp3) tar inte upp mindre utrymme vid arkivering, så i det här fallet är det bättre att ange "höghastighets"-komprimeringsmetoden eller metoden "ingen komprimering".

Efter att vi har angett komprimeringsparametrarna och klickat på OK-knappen börjar arkiveringsprocessen. Denna process kommer att ta lite tid, varefter ett nytt arkiv visas bredvid ditt med det namn som angavs i föregående steg. Detta är vad vi kommer att lägga ut på Internet.

Därefter måste du öppna din webbläsare och gå till adressen http://rghost.ru. Detta är en av fildelningstjänsterna, vi använder den som exempel för instruktioner. När du öppnar webbplatsen ser du omedelbart ett formulär för att lägga till en fil. Klicka först på knappen "Bläddra", hitta och välj arkivet vi skapade och bekräfta sedan valet med knappen "Öppna". För att börja ladda ner måste du klicka på knappen "Skicka".

Omedelbart efter detta börjar processen att ladda upp filen till servern. Du kommer att kunna övervaka nedladdningens framsteg och hastighet i realtid, och den ungefärliga slutföringstiden för operationen kommer att beräknas åt dig.

Klart, filen läggs ut på Internet. Du kommer att se en personlig sida med information om din fil. Fältet "Fillänk" innehåller sökvägen dit ditt arkiv kommer att vara tillgängligt på Internet. Det är denna länk som du kan kopiera och skicka till andra Internetanvändare.
Ytterligare två viktiga fält är "Ladda ner lösenord" och "Lagringsperiod". I det första fältet kan du vid behov ställa in ett lösenord för att ladda ner filen för att göra det svårt för obehöriga att komma åt den. Det andra fältet används för att ändra fillagringsperioden (från 1 till 30 dagar), varefter filen raderas automatiskt. När du har ändrat ditt lösenord eller term, se till att klicka på knappen "Uppdatera".

notera

Man bör komma ihåg att varje filvärdtjänst har sina egna begränsningar för filstorlek. Diskuterat i artikeln låter rghost.ru dig ladda ner filer på högst 50 MB gratis, ifolder.ru - upp till 100 MB.
Dessutom är hastigheten för nedladdning och uppladdning av filer vid användning av sådana servrar vanligtvis låg, och det rekommenderas att ha tålamod.

Användbara råd

Arkivering av filer rekommenderas starkt. Detta görs för att underlätta både den som laddar upp filen till Internet och den som kommer att behöva ta emot denna fil. Och om du behöver lägga upp flera filer på Internet samtidigt är det helt enkelt nödvändigt att arkivera dem, eftersom det är mycket lättare att ladda ner och lägga upp ett arkiv istället för ett dussin olika filer eller dokument.

Det finns flera sätt Hur man infogar en bild i en annan bild i Photoshop. I den här artikeln kommer jag att beskriva dem alla i detalj.

Preliminär förberedelse

Först måste du öppna huvudbilden i Photoshop där du vill infoga en annan. Detta är väldigt enkelt, även om det finns en svårighet här, hur ska det då göras.

Öppna sedan den andra bilden på samma sätt.

Därmed öppnades två bilder i programmet. De måste vara på olika. Uppgiften är att överföra en av dem till en annan. Det vill säga, i mitt exempel vill jag placera serielogotypen bredvid karaktärens porträtt så att det ser ut så här:

Metod nummer 1: dra en bild från en flik

Oftast använder jag denna metod. Det består av att helt enkelt dra en bild från en flik till en annan.

Som standard visar Photoshop en panel med flikar på en rad:

Vi måste se till att alla bilder är synliga. För att göra detta, dra fliken med logotypen nedåt:

• håll musen över fliken med logotypen;
• tryck på vänster musknapp och, utan att släppa den, flytta musen nedåt;

• Du kommer att se att fliken kommer att ha formen av ett fönster, som ett fönster i Windows OS, vilket innebär att du kan släppa musknappen.

Som ett resultat bör ett fönster med en annan bild visas ovanpå huvudbilden, så här:

Du kan flytta detta fönster till valfri plats i programmet. För att göra detta, flytta muspekaren över den övre delen av fönstret som innehåller namnet på denna bild och, medan du håller ner musknappen, flytta fönstret i valfri riktning.

Du kan också gärna ändra storlek på det här fönstret om det är för stort eller litet. För att göra detta, för musen över det nedre högra hörnet. När den har formen av en dubbelsidig pil, dra detta hörn åt sidan. Fönstret kommer att ändras beroende på hur din hand rör sig.

Nu måste du koppla ihop de två bilderna!

Bilden dök inte upp alls i den storlek vi skulle önska. Det måste korrigeras. För att göra detta, dra ändarna av den svarta ramen i riktning mot att minska eller öka. När du är klar klickar du på bockknappen som finns på .

För att ändra storlek på bilden proportionellt, håll ner knappen Flytta.

Klicka på för att visa den redigerbara ramen igen Ctrl+T.

Metod nummer 4: dra foton från Windows OS-mappen

Det skulle vara logiskt att prata om den här metoden efter den första, när du lärde dig att dra en bild från en flik. I stort sett är åtgärderna likartade, men resultaten är olika. Resultatet blir exakt detsamma som om du använde "Placera" kommandot, det vill säga i slutändan lägger vi till en bild.

Denna metod är lämplig om bilden du behöver infoga finns sparad någonstans på din dator.

Öppna mappen med bilden och placera fönstret mer bekvämt.

Efter detta kommer bilden att läggas till som ett smart objekt, det vill säga det jag menar kommer att upprepas.

Om du märker ett fel i texten markerar du det och trycker på Ctrl + Enter. Tack!

Jag funderade länge på vad jag skulle kalla artikeln, men jag kunde inte komma på en bättre. Men nu kommer du genast att förstå vad poängen är. Du har en webbplats, du skriver artiklar om den och det är bra. Men är det något som saknas? Mannen kom, läste och gick, kanske för alltid. Och du vill verkligen att han ska återvända till din webbplats mer än en gång. Var återvänder folk oftast? Just det, till tjänster!

Men alla kan inte skapa ens en liten tjänst på sin webbplats, till exempel en länkförkortare, viss erfarenhet krävs. Men vad hindrar oss från att visa någon annans tjänst på vår webbplats? Nästan inget! Hur man gör det? Det är här rubriken på artikeln är lämplig: hur infogar man en webbplats på en webbplats?

Jag kommer inte att göra en upptäckt för proffs, men för nybörjare kommer det troligen att vara användbart. Fast om jag ska vara ärlig har jag aldrig sett ett sådant tillvägagångssätt på någon blogg. Men förgäves ger alla dessa marker ofta bra resultat. Ett bra exempel är mitt sätt att få bakåtlänkar, . Resultat: 38512 länkar, helt naturliga 😉

I det här fallet löses allt av en banal iframe. Låt mig börja träna direkt: Jag använder ibland en png-bildkomprimeringstjänst. Det finns underbara onlinetjänster, du kan använda dem utan problem. Men det finns ett minus här: du måste ständigt ha alla dessa tjänster i åtanke eller i bokmärken; du lämnar din webbplats och använder någon annans. Och så, om du infogar en webbplats i en iframe-webbplats, kommer du att använda tjänsten (och inte bara du) utan att lämna din sida!

Idag har jag redan skapat en sådan pseudotjänst på en separat sida för mig själv - (naturligtvis finns det en bra lågfrekvent fråga i titeln och i den förklarande texten också)

Hur gör man en iframe responsiv?

Här är metoden du kan använda i det här fallet:

.video (höjd: 0; position: relativ; padding-botten: 56,25 %; ) .video iframe (position: absolut; vänster: 0; topp: 0; bredd: 100 %; höjd: 100 %; )

Hittade du inte svaret? Använd webbplatssökningen

Vi har släppt en ny bok, Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall in Love with Your Brand.

Det finns många verktyg som är redo att hjälpa dig att förbättra din webbplats, öka effektiviteten i din onlineverksamhet och förbättra interaktionen med kunderna. Många av dessa verktyg är gratis. Men vad händer om du inte är en webbutvecklare och inte vet hur du installerar dem på din webbplats? Detta är ett stort hinder.

Hur ironiskt det än låter, ett företag som utvecklar användbara verktyg för din webbplats har också ett hinder för sitt eget välstånd – behovet av att tvinga användarna att installera sin kod.

Låt oss försöka lösa två problem samtidigt genom att prata om de vanligaste sätten att infoga JavaScript-kod/fragment (fragment) för webbplatser:

• På WordPress.
• Självskrivna administratörskonton (med gammaldags FTP).
• På Squarespace.
• På Shopify.

I slutet av artikeln kommer vi att beröra Wix. I de flesta fall tillåter inte denna plattform att du installerar JavaScript-koder eller -snuttar, men den erbjuder ett alternativ i form av integrationer för olika tjänster.

Var kan jag få installationskoden?

Låt oss se var du ska leta efter installationskoden med hjälp av tjänsten Crazy Egg som exempel.

Processen är standard: vi anger registreringsdata, efter laddning kommer vi till instrumentpanelen. Där letar vi efter avsnittet med koden.

Hur man infogar kod på en WordPress-webbplats

Du kan använda en speciell plugin - Tracking Code Manager.

För att infoga spårningskodshanteraren, gå till webbplatsens administratörsområde och leta efter plugin-avsnittet i kontrollpanelen.

Välj funktionen "Lägg till ny".

Ett sökfält visas till höger. Ange "Spårningskodshanteraren" och klicka sedan på "Installera nu".

När installationen är klar måste du se till att plugin-programmet är aktiverat. Låt oss gå till inställningar.

Klicka på "Lägg till ny spårningskod".

Du klarar dig utan insticksprogrammet Tracking Code Manager. I det här fallet är vårt alternativ att klistra in koden i header.php-filen för WordPress-temat (mer om detta senare).

Hur man installerar kod på WordPress.com-webbplatsen

En WordPress-webbplats och en WordPress.com-webbplats är två olika saker.

En WordPress-webbplats är en webbplats som hanteras med hjälp av ett CMS installerat på sin egen server. Det betyder att du har betalat för domännamnet (myname.com) och för hosting.

WordPress.com är gratis. Du kan registrera en webbplats på den utan att betala för hosting. I det här fallet kommer webbadressen att vara: mittnamn.wordpress.com. För att ändra ditt domännamn måste du ta några extra steg.

När du kör en webbplats på WordPress.com är du begränsad i de JavaScript-koder och kodavsnitt du kan installera. Anledningen är säkerhetsprotokoll – utvecklarna tillåter inte användare att klistra in koder i plattformen. Till exempel tillät MySpace-utvecklarna det. Det är uppenbarligen därför sidan sjönk från 5:e plats i världen till 1967 på sex år.

Samtidigt erbjuder WordPress.com användarna olika bonusar för att göra affärer. Till exempel integration med Google Analytics eller möjligheten att lägga till knappar för sociala medier. Men i vissa fall kanske detta inte räcker.

Hur man installerar JavaScript-koder och kodavsnitt på en självskriven adminpanel

Använder FTP. Vi måste gå tillbaka till grunderna.

Nuförtiden är många webbplatser självskrivna. En självskriven webbplats skapades från grunden och använder inte ett CMS för att hantera innehåll.

Låt oss föreställa oss att vi har just en sådan sida. Att lägga kod på det blir lite svårare än på WordPress, eftersom du måste komma ihåg FTP.

FTP-hanterare som FileZilla låter dig dra och släppa filer och bilder från en webbplats till en server. Med hjälp av programmet kan du lägga till filer på servern eller ladda ner dem, ersätta gamla filer med nya, ta bort onödiga data, ändra dockningsnamn.

Det är inget komplicerat med dataöverföringsprotokollet: efter bara 20 minuter kan du känna dig som ett proffs. För de flesta är det svåraste att bara kontakta servern.

Om du har några problem med servern, kontakta din värdleverantör. Det kan ta en timme, men efter 60 minuter vet du allt du behöver veta. Jag brukar rekommendera att spela in dessa konversationer med ScreenRecorder. Eller åtminstone göra anteckningar för hand.

När du har loggat in på FTP-servern, se till att göra . Om du gör ett misstag kommer dina viktiga filer inte att hamna någonstans. Du kan göra en säkerhetskopia genom att helt enkelt dra och släppa alla filer från servern till din dator.

Vanligtvis består mjukvarugränssnittet för FTP-hanteraren av två kolumner. Till exempel kan du i bilden nedan i den vänstra kolumnen se filer som finns lagrade på datorn. Till höger finns filer från servern.

För att ändra eller lägga till filer, dra dem helt enkelt från en kolumn till en annan.

Varning

Det är farligt att ersätta filer. Du kan enkelt ersätta en ny version av en fil med en gammal och förlora mer aktuell data, av misstag radera något viktigt eller göra ett annat misstag. En säkerhetskopia låter dig försäkra dig vid sådana misstag och skydda dig mot onödiga problem. Se till att spara alla filer i en separat mapp på din dator innan du gör ändringar.

Hur man klistrar in kod med header.php

Låt oss säga att vi har en webbplats som vi använder WordPress för att hantera. För att infoga koden måste vi hitta filen header.php eller en annan fil som heter rubrik eller huvud.
Rubrik behövs för att aktivera en JavaScript-kod eller -fragment på alla sidor på webbplatsen. Du kan använda ett gratisprogram som Sublime Text för att öppna filen. Med dess hjälp måste du öppna en fil som är lagrad på din dator, och inte en liknande fil på servern.

När vi öppnar filen i Sublime Text ser vi en regnbåge av färgkod. Var inte rädd, allt är enkelt där.

Alla sidor är uppdelade i två sektioner – Huvudet (rubriker) och kroppen (kroppen). Rubriker indikeras med HTML-kod Och. Kropp - Och.

Det mesta som får sajten att fungera och visa text finns mellan dessa två sektioner. För att hitta dessa taggar kan du använda sidsökningen.
I de flesta fall kan du infoga koden precis före den avslutande taggen.

När du har infogat koden eller kodavsnittet sparar du filen och laddar upp den till servern. Redo.

Nu om självskrivna adminpaneler. Om din webbplats byggdes för hand och du inte kan hitta huvud- eller rubrikfilen, måste du antagligen infoga kod manuellt på varje sida. Oftast orsakar detta inte mycket svårigheter.

Bilden ovan är en hypotetisk HTML-sajt som består av fyra HTML-filer. Om vi ​​ville klistra in lite kod på den, måste vi öppna alla dessa filer en efter en och klistra in koden eller kodavsnittet i taggarna för var och en av dem. Efter detta är processen standard: spara filerna och ladda upp dem till servern istället för de gamla.

Hur man bäddar in kod på Squarespace-webbplatsen

Squarespace har gjort det enkelt för sina användare. För att infoga JavaScript-kod eller kodavsnitt kan du använda "kodinjektion". I menyn går du till flikarna Inställningar > Avancerat > Kodinjektion. Du kan lägga till kod till eller sidfot på webbplatsen.

Hitta inställningarna.

Scrolla ner och klicka på "Avancerat".

Välj "Code Injection".

Klistra in koden och spara ändringarna.

Hur man bäddar in kod på Shopify

I kontrollpanelen, hitta avsnittet Onlinebutik och välj Teman.

För att komma åt önskad flik, klicka på "Åtgärder" och välj "Redigera HTML/CSS".

Vi behöver fragment.

Genom att klicka på alternativet öppnas en dialogruta med möjlighet att lägga till ett nytt fragment.

Ge kodavsnittet ett namn och klicka på knappen Skapa utdrag.

Ange koden för kodavsnittet i området för "tracking snippet.liquid". Klicka på "spara".

Hur man infogar en kod om sajten finns på Wix

Wix har snabbt blivit en populär webbplatsbyggare. Precis som WordPress.com sätter den begränsningar på sina användares möjlighet att klistra in koder.

Men Wix erbjuder en lösning i form av Wix App Market. Där kan du hitta en mängd olika widgets för marknadsföring, sociala medier och analys. Där kan du förresten också rösta på den mest nödvändiga widgeten.

Hej kära besökare!

I den här artikeln kommer jag att visa dig hur du lägger till en länk till en webbplats i form av en enkel hyperlänk, en bild och även en knapp som du kan ställa in din egen design med hjälp av CSS-stilar. Alla 3 alternativen används väldigt ofta och har en ganska bra effekt när de används av besökare.

Låt oss börja med det enklaste och nå komplexet.

Vanlig länk och hyperlänk

http://site/poleznoe/kak-sdelat-ssylku-na-sait.html

http: //site/poleznoe/kak-sdelat-ssylku-na-sait.html

Det här alternativet har sin plats, men det finns en betydande nackdel om vi talar om effektiviteten av en sådan länk. Den är inte klickbar, det vill säga du kan inte gå till den med ett enkelt musklick. Detta alternativ är ganska svårt för besökare att uppfatta.

En annan sak är en hyperlänk, som, när den klickas, omdirigerar till ett annat dokument på Internet, både internt (inom samma sida) och externt (en annan sida). Ett exempel på en sådan länk kan ses nedan. Testa att klicka på länken.

Huvudsidan för min resurs bör öppnas i en ny flik. För att implementera detta alternativ måste du antingen använda verktygen i din motor eller skriva följande rad i HTML-koden.

Klicka här

Länken skapas med en enkel tagg , i vilken det finns själva adressen, dit användaren behöver omdirigeras, samt ett länkankare (i exemplet ovan är ankaret uttrycket "klicka här"), vilket indikerar länktexten som förklarar vad du vill få när du går till den här adressen.

Om du har en enkel webbplats gjord i HTML, bör du skriva exakt denna kod i sidredigeraren, ändra min adress till din och ange ditt ankare. Det kommer att se ut så här.

Inuti en länktagg Det finns också ett attribut för att öppna sidan i en ny flik.

target = "_blank"

Detta är också mycket viktigt, det är tillrådligt att inte kasta besökaren ur resursen, utan att lämna honom. Genom att använda detta attribut säkerställer du att en besökare, genom att klicka på många länkar på en sida, inte lämnar den nuvarande, men samtidigt öppnar många andra sidor. Detta är viktigt om du marknadsför en webbplats.

Du kan lägga till ett title-attribut till länken, som är en title-tagg och låter sökmotorer veta vart länken leder. Den här taggen visas också (om den är registrerad) när vi pekar på en länk i form av ett verktygstips.

Det är lämpligt att lägga till en titeltagg så att besökare ser detta verktygstips när de svävar och förstår vart de är på väg. Detta görs enkelt, inuti öppningsetiketten , som i exemplet nedan.

När du använder en motor, som WordPress, är det mycket enkelt att lägga till en länk till en webbplats utan några redigeringar i html-läge. Inläggsredigeraren har en speciell ikon med en anslutningsikon.

På bilden visade jag hela processen att lägga till en koppling mellan text och en annan sida.

1. Välj först den fras som du vill skapa en länk;
2. Klicka på ikonen för att lägga till anslutning;
3. Vi ställer in länkparametrarna (adressen till sidan dit du vill omdirigera användaren, såväl som titeln på länken, det vill säga ankaret, om det behövs).

Du behöver inte ange länkens titel, eftersom det kommer att vara den text som valdes i det första steget. I bilden visade jag lägga till länkar från befintliga webbplatssidor. Du kan göra detta, sedan när du klickar på en av posterna från listan kommer URL och titel att matas in automatiskt.

URL:en kan också anges på en extern webbplats. Om detta är nödvändigt anger du sidans fullständiga (absoluta) adress. För att öppna en sida på en ny flik behöver du inte ange attributet manuellt. Motorn tillhandahåller detta alternativ med en kryssruta (se bilden ovan).

Lite högre sa jag om den absoluta adressen. Det betyder att den fullständiga adressen till sidan som du behöver omdirigera till skrivs inuti länken, oavsett om det är vår resurs eller annan.

Det finns också en relativ adress, när det inte är nödvändigt att ange hela adressen. Det räcker bara att ange sökvägen till någon katalog eller sida på webbplatsen, utan att ange domännamnet. Sådana länkar fungerar bara för sidor inom en resurs. Du kan inte hänvisa till ett sådant externt projekt.

Om du vill dyka djupare in i processen att skapa relativa adresser rekommenderar jag starkt läs den här artikeln på en annan resurs. Allt är väldigt coolt upplagt där.

Länkbild

Länkar i form av bilder används också flitigt, även om de endast bör användas för det avsedda syftet. Om vi ​​är enkla länkar till andra sidor på vår sida, så är det bättre att inte göra dem med bilder, eftersom det inte alltid är tydligt att du behöver klicka på bilden för att komma till någon sida.

Det är lämpligt att göra detta när du vill marknadsföra någon, till exempel någons videokurs. I det här fallet tillhandahåller du en vanlig hyperlänk, omedelbart följt av en bildlänk. I det här fallet blir det tydligare att bilden leder till kurswebbplatsen där den kan köpas.

Om vi ​​tar html-läget är principen för att bygga länkstrukturen exakt densamma, inklusive alla attribut. Den enda skillnaden är länkankaret, som ser ut som koden för själva bilden. I det föregående fallet var det enkel text.

I praktiken kommer det att se ut så här.

Som du kan se, inuti öppnings- och stängningslänktaggarna finns det en bildkod, som också har sina egna egenskaper. Du måste inkludera samma titeltagg i den, ange sökvägen till bilden på webbhotellet eller på en annan resurs. Det är också värt att ange bildens mått (bredd - bredd, höjd - höjd). Och du bör definitivt inkludera alt-attributet, som fungerar som en beskrivning av bilden. Om du skriver ner allt kommer bildoptimeringen att vara i nivå.

Så här ser det ut i html-läge. Jag delade upp koden i 3 delar för att göra länkstrukturen mer begriplig (klickbar bild).

Den enda svårigheten här är att korrekt ange koden för bilden, som används som ett ankare.

Länkknapp med CSS-stilar

Om du vill göra något annorlunda, så har det här alternativet också en plats att vara. Dessutom låter det dig ändra stilar så att när du håller muspekaren över en knapp, kommer både själva knappen och färgen på inskriptionen som kommer att vara inuti den att ändras. Om du tar en bild så är det inte alltid möjligt att inse detta. Med stilar är allt möjligt.

En annan mycket bra fördel är att vi kan placera knappen strikt i mitten och den kommer bara att vara klickbar i området för knappen. Om vi ​​tar en bild, då när vi placerar den i mitten, kommer hela bredden av innehållsområdet runt bilden att vara klickbar. Ibland resulterar en sådan defekt i ett oavsiktligt klick på bilden och är uppriktigt sagt irriterande.

Till exempel skapade jag en enkel knapp som leder till sidans huvudsida. Du kan kontrollera dess funktionalitet.

Om du tittar på knappens källkod är allt väldigt enkelt. Den enda skillnaden från en vanlig hyperlänk är närvaron av ett id, som läggs till i öppningstaggen och i sin tur skrivs designstilar till den i filen style.css.

Här är själva knappstrukturen.

Det ser vi direkt efter att länktaggen öppnats id="button" anges, som dess egna designstilar tilldelas. Resten av strukturen är identisk med hyperlänken.

Principen är tydlig, så jag ger stilarna som jag lade till på den här länkknappen.

/* knappstilar i normalt läge */ #knapp ( display: block; bredd: 550px; /* knappbredd */ höjd: 60px; /* höjd */ bakgrundsfärg: #ff4343; /* bakgrundsfärg */ text- shadow: 1px 1px #800909; /* text shadow */ färg: #fff; /* text color */ border-style: solid; /* button border line type */ border-width: 1px; /* thickness button border ( ram) linje */ kantfärg: #db3a3a; /* knappkant (ram) linjefärg */ teckensnittsstorlek: 18px; /* textstorlek */ radhöjd: 60px; /* linjär texthöjd * / teckensnitt- vikt: normal; /* textvikt */ font-family: arial; /* teckensnittstyp */ text-align: center; /* text alignment */ text-decoration: none; /* text understryking */ margin: 40px auto ; /* dra in knappen från andra element på sidan */ text-transform: versaler; /* så att alla bokstäver är versaler. Om det inte behövs, ta bort raden */ ) /* knappstilar när du håller muspekaren */ # button:hover ( bakgrundsfärg: #f23333; font-size: 19px; )