Överför till nästa HTML-sträng. Som i Excel gör textöverföring i cellen
När du visar textdokument I webbläsaren bestäms ställningen för strängen i stycket automatiskt beroende på storleken på teckensnitt och storleken på visningsfönstret. Radöverföring kan endast utföras med ordseparatorsymboler (till exempel mellanslag). Ibland i de dokument måste du ange den tvungen översättningen av strängen som implementeras oberoende av parametrarna för webbläsarinställningarna. För detta används taggen med tvungen översättningsrad
som inte har någon lämplig stängningstag. Slå på tagg
Texten i dokumentet kommer att säkerställa placeringen av den efterföljande texten från början av den nya linjen. Till exempel kan detta tillvägagångssätt användas för att skapa strukturer som listor utan användning av speciallista märkningstaggar. Eller, till exempel, utan denna tagg, är det inte nödvändigt att visa dikter etc.
Vi ger ett exempel på att använda den tvingade översättningen av strängen (bild 1.8):
Använd tvångsrad översättningÖver dumbfounded petrograd
Dyshalova på november höstchlad.
Ganska bullriga våg
I kanten av staketet är smal,
Neva rusade som en patient
I sin säng rastlös.
A.S Pushkin. Brondryttare
Fikon. 1,8. Märka
kan användas för att tvingas rad översättning
I motsats till punkten av stycket
När du använder tagg
Tom sträng kommer inte att bildas.
Använda tagg
kräver försiktighet - en situation är möjlig när webbläsaren redan har gjort en radöverföring för ett eller två ord innan du träffade din tagg
. Detta händer om bredden på läsarens visningsfönstret är mindre än samma programparameter med vilken du testade ditt dokument. Det kan visa sig att endast ett ord kommer att förbli i linjen i mitten av ett stycke och därigenom störa skönheten i layouten.
Notera
När du använder tagg
För att bryta texten, flödande bild eller bord, kan du ställa in den tydliga parametern som stannar flödande. Detta kan läsas i kapitel 3 och 4.
Märke u.
Det finns situationer när du vill utföra operationen av motsatt syfte - för att förbjuda översättningen av strängen. Det finns en behållartag . Texten som är markerad med den här taggen kommer att garanteras vara placerad i en bar, oavsett längden. Om den resulterande strängen samtidigt går utöver webbläsarens visningsfönster, visas den horisontella rullningsfältet.
Notera
För att säkerställa kontinuiteten i texten som finns i tabellernas tabeller finns det en speciell parameter på Nowrap-taggen
. Detta finns i kapitel 4. Placera text med en tagg med en oskiljaktig sträng Du kan få mycket långa linjer. För att undvika detta kan du ange läsarens webbläsare, platsen för raden är möjlig, som endast kommer att utföras om det behövs (den så kallade "mjuka" linje översättningen). Detta kan göras genom att sätta en tagg på rätt plats (Word Break), som är precis som en tagg
behöver inte en avslutande tagg. Notera
Märka Stöds inte av Netscape-webbläsaren. Browser Microsoft. Internet Explorer. Känner igen den här taggen endast i texten märkt med taggar .
LESSON 5.
I den här lektionen:
1. Lär dig hur du gör hTML-kod Det var mer bekvämt för oss och lätt läsa.
2. Vi kommer att analysera hur du gör överföringen av textsträngen korrekt.
Vi gör HTML-kod bekvämt.
Nu är vår kod förståelig och lätt läs, eftersom det finns få text i det och det finns praktiskt taget inga taggar. När vi skapar en mer komplex sida kommer det att finnas många taggar där, följaktligen, det är svårt att hitta.
För att ingen gröt från taggar behöver du initialt ordna taggar och linjer så att de visuellt uppfattas enklare. När webbläsaren läser information från hTML-sidor, han ingen skillnad hur många utrymmen och hur många tomma rader i koden.
Jag ändrade texten i sidkoden om den som vi skapade, men det spelar ingen roll. Till vänster och på den högra siffran visar samma kod. Båda alternativen visas Webbläsaren på skärmen är absolut densamma. Samtycka att arbeta med koden som avbildas till höger blir mycket enklare än med det faktum att till vänster.
Koden vi är mycket enkla, men även nu är skillnaden i visuell uppfattning märkbar. Det finns inga specifika regler för "pekande ordning", varje mästare bestämmer hur det är bekvämare att arbeta.
Överföring av HTML-sträng. Tag & LTBR & GT.
Var uppmärksam på ritningen. I den första varianten är texten skriven i en rad, i den andra versionen i två linjer.
 Webbläsaren visar båda alternativen lika. Texten kommer att skrivas i en rad:
 Du frågar varför så? I en av koderna överförs i en del av texten till en annan sträng. Det skulle vara logiskt om i webbläsarens del av texten flyttas till en annan linje, men HTML har sin egen logik i detta avseende. Om vi \u200b\u200btar linjen i HTML-kod, så är det för webbläsaren motsvarande ett utrymme (som ett vanligt gap mellan ord i texten). Om vi \u200b\u200böverför en del av texten, inte en rad, och 2 eller 3 (vilket nummer som helst), kommer webbläsaren fortfarande att läsa detta avstånd för ett vanligt utrymme mellan orden och när texten visar texten, kommer texten att skrivas i en rad .
Tag & LTR & GT
När vi fick bekanta med taggarna i den tredje lektionen, nämnde jag att det finns taggar som inte kräver stängning. Märka & Ltbr & gt En av dem tjänar till att överföra strängen.
Låt oss tillämpa det på koden:
 Vi infogade tagg & Ltbr & gt I vår HTML-kod och nu när du startar en fil via en webbläsare, kommer en del av texten att överföras till nästa avrinning.
* Glöm inte att spara ändringar i anteckningsblock (CTRL + S) och starta en sida i webbläsaren (F5).
Krävs ofta inuti en excel celler Gör textöverföring till en ny sträng. Det är, flytta texten på raderna i samma cell som anges på bilden. Om du har skrivit in den första delen av texten, trycker du bara på ENTER-tangenten, markören kommer att överföras till nästa rad, men en annan cell, och vi måste överföras i samma cell. Detta är en mycket frekvent uppgift och det löses mycket enkelt - att överföra text till en ny linje i samma Excel-cell, måste du klicka på Alt + Enter. (Kläm alt-tangenten, sedan släppa den, tryck sedan på ENTER-tangenten)
Hur man överför text till en ny sträng i Excel med formelnIbland krävs det att överföringen av linjen inte är öppen, men med hjälp av funktionerna i Excel. Så här i det här exemplet på bilden. Vi presenterar ett namn, efternamn och patronymic och det går automatiskt till A6-cellen. I fönstret som öppnas, i fliken Justering, måste du lägga in rutan bredvid "Överföring enligt ord" som anges i bilden, annars kommer överföringen av strängar i Excel inte att visas korrekt med formlerna. Som i Excel, byt ut överföringen till en annan symbol och tillbaka med formelnBurk Ändra överföringssymbolen till något annat tecken, till exempel, på utrymmet, med hjälp av textfunktionen för att ersätta Excel Tänk på det exempel som på bilden ovan. Så i B1-cellen föreskriver vi en funktion för att ersätta: Ersättning (A1; Symbol (10); "") A1 - Det här är vår text med en strängöverföring;
Symbolen (10) är överföringen av linjen (vi ansåg det lite högre i den här artikeln);
"" Är ett utrymme, eftersom vi ändrar överföringen av strängen till utrymmet Om du behöver göra en omvänd operation - ändra utrymmet på överföringen (symbol), så kommer funktionen att se i enlighet med följande: Ersättning (A1; ""; Symbol (10)) Jag påminner dig om att radöverföringen är korrekt reflekterad, det är nödvändigt i cellernas egenskaper, i avsnittet "Alignment", anger "överföring till linjer". Så här ändrar du överföringen på gapet och tillbaka till Excel genom att söka - ersättningDet finns fall när formler som ska användas är obekvämt och behöver bytas ut snabbt. För att göra detta använder vi sökningen och ersättaren. Vi markerar vår text och trycker på CTRL + H, följande fönster visas. Om vi \u200b\u200bbehöver ändra överföringen av strängen på utrymmet, så måste du ange överföringen av linjen för det här stå i fältet "Hitta", klicka sedan på Alt-tangenten, utan att släppa det skriv det på tangentbordet 010 är linjeöverföringskoden, det kommer inte att vara synligt på det här fältet. Därefter anger du ett utrymme eller något annat tecken som du behöver ändra och klicka på "Ersätt" eller "Byt alla". Förresten, i Word implementeras det tydligare. Om du behöver ändra strängöverföringssymbolen på utrymmet, så i fältet "Sök" måste du ange specialkoden för "strängbrytningen", vilket indikeras som ^ L.
I fältet "Byt ut:" måste du bara göra ett mellanslag och klicka på "Ersätt" eller "Byt ut allt". Du kan ändra inte bara överföringen av strängen, men också andra särskilda symbolerFör att få rätt kod måste du klicka på knappen "Mer \u003e\u003e", "Special" och välj den kod du behöver. Jag påminner om det denna funktion Det finns bara i Word, i Excel kommer dessa tecken inte att fungera. Så här ändrar du överföringen av strängen på ett mellanslag eller vice versa i Excel med VBATänk på ett exempel på valda celler. Det vill säga, vi markerar de nödvändiga cellerna och lanserar makroen 1. Vi ändrar luckorna på överföringen i de valda cellerna med VBA Sub spacenoines ()
För varje cell i urval
Cell.value \u003d Ersätt (Cell.Value, CHR (32), CHR (10))
Nästa
Slutet under. 2. Vi byter överföringar till utrymmen i de valda cellerna med VBA Underöverförda kommandon ()
För varje cell i urval
Cell.Value \u003d Ersätt (Cell.Value, Chr (10), CHR (32))
Nästa
Slutet under. Koden är väldigt enkel CHR (10) - det här är överföringen av strängen, CHR (32) är ett mellanslag. Om du vill byta till någon annan symbol, ersätter du bara kodnumret som motsvarar önskad symbol. Excel TeckenkoderNedan i bilden markerade olika tecken och koder som motsvarar dem, är flera kolumner ett annat teckensnitt. För att förstora bilden, klicka på bilden.
Översättningssträng, Linjeöverföring, Överföring till en ny rad handlar om en. På HTML-språket används överföringen till en ny linje ofta. Det finns flera sätt: använd tagg
För att överföra till en ny sträng, och du kan använda CSS-egenskaperna för att överföra strängen. Tänk på ett exempel på att använda radöverföringstaggen:
I CSS kan radöverföringen utföras på olika sätt, till exempel, så här:
Br
Flyta till vänster;
Bredd: 100%;
Marginal: 0 0 20px 0; / * Punkt efter rad 20 pixlar * /
}
Delningslinje med HTML eller CSS
I HTML skapar du en separationslinje är mycket enkel. Används också obetald tagg
- Detta är delningslinjen. Separationslinjen börjar med en ny linje och det finns ett strecksats. Du kan styra stilen på den horisontella linjen, liksom du kan göra ett alternativ till det. Nedan kallat ett exempel på en delningslinje med en tagg:
Och nu låt oss stilisera (ändra stilar, ändra utseende) Vår delningslinje:
hr (
Bredd: 80%; / * linjebredd * /
Höjd: 4px; / * Höjd / linjetjocklek * /
Bakgrund: # 333; / * Bakgrund / Färglinje * /
Gränsen: 0; / * ram runt separationslinjen (ta bort den) * /
Marginal: 5px 0 5px 0; / * Indrag över och under ledningen 5 pixlar * /
}
Och skapa ett alternativ till vår delningslinje med taggen och CSS.
Ofta behovet av att lägga till en ny paragraf, men utan en tom sträng, vilken stycke tagg För vissa textfragment är standardintervall helt enkelt olämpliga för punkterna. Det kan vara inskriptioner under bilderna och i tabeller, dikter, citat, fotnoter och anteckningar. För den tvungen överföringen av rader tillhandahålls en speciell etikett, vars funktion läggs i sitt namn BR (Break Row - "bryta en rad, sträng"). Märka
HTML Hypertext Markering Språk innebär att alla följande innehåll för det ska börja med en ny rad. Om det behövs kan du lägga flera taggar i rad för att uppnå det önskade intervallet. Märka
Inte känslig för registrering och behöver inte en avslutande tagg, eftersom det är ett tomt element, men det är bättre att vänja sig för att stänga alla taggar. I XHTML-rupturet ska det vara "tätt stängt" till bakstycket. Exempel på att använda en ruptur-taggBR-tagg i åtgärd< /title></p><p><р> Kör i tjänst</р></p><p><p>Fortfarande någonstans och aldrig <br></p><p>Jag var inte så dålig <br></p><p>Huvudet i Gard Orda <br></p><p>Jag är gnuggar levande</р></p><p>Kör i tjänst</p><p>Fortfarande någonstans och aldrig <br>Jag var inte så dålig. <br>Huvudet i Gard Orda <br>Jag slog levande.</p><h2>Taggattribut <br></h2><p>Det enda attributet som har <a href="https://mkr-novo2.ru/sv/problems/kak-sdelat-krasivyi-shrift-v-html-razmery-cveta-tegi-shriftov-html-kak-zapisat-v-html.html">html tagg</a> <br>, Det kallas det indikerar webbläsaren, hur man registrerar med en bärbar sträng om texten måste hävda det så kallade flytande elementet, vilket exempelvis kan vara en bild med ett anpassningsinriktat attribut med höger / vänstervärden, eller ett block i CSS, som stavas ut Float-egenskapen.</p><p>I specifikationer av XHTML 1.0 / HTML 4.01 kan det tydliga attributet endast användas med övergångs-, framamet och<!DOCTYPE>Annars fungerar inte koden.</p><h2>TAG Attribut Egenskaper</h2><p>Effekten av användningen av det klara attributet beror på dess värde och placeringen av det flödda flytande elementet. Attributet kan ta 4 värden:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>Det vänstra värdet förbjuder flödet runt elementet i linje med den vänstra kanten, så texten, "snubblar" om taggen <br>Den kommer att ligga under bilden eller ett annat flytande element.</p><p>Exakt, ett sådant resultat kommer att vara från att använda alla argument, vilket inte tillåter varken höger eller vänster.</p><p>Höger värde förhindrar att texten stärker elementet i linje med den högra kanten, så efter taggen <br> Texten kommer inte att lämnas något annat, hur man kringgår bilden, ligger till höger.</p><p>Värdet på ingen ("varken din, ingen") tar i allmänhet alla krafter från det tydliga attributet och taggen <br> Tyst bär strängen ner.</p><p>Standardvärdet, som sådant, saknas vid det tydliga attributet.</p><h2>Märka <br> - Det är mjuk överföring</h2><p>Strängbruppetiketten är väldigt bekväm att skapa nödvändiga intervall mellan stycken, inuti som den används som en mjuk överföring, men inte som ett medel för att dividera texten till stycken.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Det bör inte vara för inblandat i taggen av översättningen av strängarna för att formatera text, eftersom resultaten av användningen inte alltid kännetecknas av nåd.</p><p>Till exempel, om den används tagg <br> För att överföra linjerna i stycket kan detta leda till utseendet på en "kam" i användarfönstret, om det är mindre än det fönster som webmaster fokuserade.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right">
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
</aside>
</div>
</div>
</div>
<div class="popup" id="share">
<div class="perfect-scroll" style="text-align: center">
<div style="margin-bottom: 20px">
<strong> Nedladdning kommer nu att börja ...</strong>
<br> Glöm inte att dela materialet. <br>i sociala nätverk med din <br> Kolleger</div>
<div>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
<div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillrule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path>
</svg>
</div>
</div>
<section id="views">
<div class="container">
</div>
</section>
<script type="text/javascript">
$(document).ready(
function () {
$('.kursiv').readmore({
speed: 75,
maxHeight: 84,
heightMargin: 16,
moreLink: '<a href="#"><span>Показать полностью</span>',
lessLink: '<a href="#"><span>Скрыть</span></a>',
} );
} );
</script>
<style>
div.kursiv {
margin-bottom: 0;
}
#razrabotka {
margin-top: 30px;
}
.readmore-js-toggle {
font-style: italic;
color: #999;
display: inline;
margin-right: 10px;
font-size: 14px;
cursor: pointer;
border-bottom: 1px dotted #e6e6e6;
}
</style></section>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-16 col-sm-4 col-md-3">
<p>© 2021, MKR-NOVO2.RU, Internet. Utbildning. Program. Firmware. Installation och konfiguration. Navigatörer</p>
<div class="social">
<a target="_blank" href="">
<svg width="32px" height="19px" viewBox="0 0 32 19">
<path fillRule="evenodd"
d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/>
</svg>
</a>
<a target="_blank" href="">
<svg viewBox="0 0 25 25" width="25px" height="25px">
<path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z
M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4
c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7
c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4
c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2
C19.2,15.1,19.8,14.5,19.2,13.4z"/>
</svg>
</a>
<a target="_blank" href="https://facebook.com/">
<svg width="26px" height="25px" viewBox="0 0 26 25">
<path fillRule="evenodd"
d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/>
</svg>
</a>
<a target="_blank" href="https://youtube.com/">
<svg width="26px" height="19px" viewBox="0 0 26 19">
<path fillRule="evenodd"
d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/>
</svg>
</a>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-16 links">
<h4>mkr-novo2.ru.</h4>
<a href="https://mkr-novo2.ru/sv/category/internet/">Internet</a>
<a href="https://mkr-novo2.ru/sv/category/multimedia/">Multimedia</a>
<a href="https://mkr-novo2.ru/sv/category/navigation/">Navigatörer</a>
<a href="https://mkr-novo2.ru/sv/category/education/">Utbildning</a>
<a href="https://mkr-novo2.ru/sv/category/at/">FÖRBI</a>
<a href="https://mkr-novo2.ru/sv/category/problems/">Problem</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>Om projektet</h4>
<a href="">Respons</a>
<a href="">Om webbplatsen</a>
</div>
<div class="col-lg-5 col-sm-1 col-xs-16 links"></div>
<div class="col-lg-4 col-sm-5 col-xs-16 links">
</div>
</div>
<div class="row v-center">
<div class="col-md-8 col-xs-16">
<a data-fancybox data-type="iframe" data-src="">Kontakter</a>
</div>
<div class="col-md-8 col-xs-16">
<div class="share pull-right">
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
</div>
</div>
</footer>
<a href="https://mkr-novo2.ru/sv/#bot" id="to-top">
<svg width="50px" height="50px" viewBox="0 0 50 50">
<circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/>
<path fillRule="evenodd"
d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z"
fill="rgb(241,241,241)"/>
</svg>
</a>
<div class="overlay"></div>
<div class="popup" id="password">
<div class="perfect-scroll">
<h2>Återställning av lösenord <div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillRule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
</svg>
</div>
</h2>
<div class="recover-success">
<form action="/recovery/request" data-method="post" method="post" class="recover_form">
<p>Ange ditt mail för att återställa lösenordet!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="Skriv in din e-postadress">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="Skicka">
</form>
</div>
<div class="auth-form_error" style="padding-top: 10px"></div>
</div>
</div>
<script>
$('.user.one').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.one').addClass('active-user');
$('#user_type').val('1');
e.stopPropagation();
} );
$('.user.two').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.two').addClass('active-user');
$('#user_type').val('2');
e.stopPropagation();
} );
$('.user.three').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.three').addClass('active-user');
$('#user_type').val('3');
e.stopPropagation();
} );
function clearErrors() {
$('.auth-form_error').each(function () {
$(this).html('');
} );
}
$('body').on('click', '.open-login-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#login, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('body').on('click', '.open-pass-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#password, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('.login_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.open-register').html(data.text);
var delay = 1000;
window.location.href = url = window.location.href + "?login=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.recover_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
console.log(data);
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.recover-success').html('<div class="success" >' + data.text + '</div>');
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.registration_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
var emailError = $('#emailError');
var passwordError = $('#passwordError');
var passwordVerify = $('#passwordVerifyError');
var userTypeError = $('#userTypeError');
var emailExist = $('#emailExist');
emailError.html('');
passwordError.html('');
passwordVerify.html('');
userTypeError.html('');
emailExist.hide();
} )
.on('ajax:complete', function (event, xhr, status) {
} ).on('ajax:success', function (event, data, status, xhr) {
// insert the failure message inside the "#account_settings" element
//console.log(data);
if (data.status == 0) {
//$('.reg-info').html('<div class="error">' + data.text + '</div>');
if (data.text.email) {
var emailError = $('#emailError');
var emailExist = $('#emailExist');
console.log(data.text.email);
if (data.text.email == 'Найдена совпадающая со значением запись') {
console.log('alert');
emailExist.show();
} else {
emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.email + '</span></div></div>');
}
}
if (data.text.password) {
var passwordError = $('#passwordError');
console.log(data.text.password);
passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.password + '</span></div></div>');
}
if (data.text.passwordVerify) {
var passwordVerify = $('#passwordVerifyError');
console.log(data.text.passwordVerify);
passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>');
}
if (data.text.captcha) {
var captcha = $('#captchaError');
console.log(data.text.captcha);
captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.captcha + '</span></div></div>');
}
if (data.text.userType) {
var user_type = $('#userTypeError');
console.log(data.text.userType);
user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.userType + '</span></div></div>');
}
} else {
$('.reg-success').html(data.text);
var delay = 2000;
window.location.href = url = window.location.href + "?reg=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
</script>
<div class="popup" id="premium-pop">
</div>
<link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css">
<link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css">
<link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css">
<script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script>
<script src="/js/rails.js"></script>
<script src="/videouroki/res/lightslider/lightslider.min.js"></script>
<script src="/videouroki/res/jquery.validate.min.js"></script>
<script src="/videouroki/res/autosize-master/autosize.min.js"></script>
<script src="/videouroki/js/tabs.js"></script>
<script src="/videouroki/js/select.js"></script>
<script src="/videouroki/js/global.js?2109"></script>
<script src="/videouroki/js/views.js"></script>
<script src="/videouroki/plugin/notify/notify.min.js"></script>
<script src="/videouroki/plugin/notify/notify-metro.js"></script>
<script src="/videouroki/js/lazyload.min.js"></script>
<script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
// new LazyLoad();
} )
</script>
<!--[if gte IE 9]><script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js"></script><![endif]-->
<script type="text/javascript" src="/videouroki/js/readmore.js"></script></body>
</html> | 
ingång