Bir sonraki html satırına çeviri. Excel'deki bir hücrede metin kaydırma nasıl yapılır
Görüntülendiğinde metin belgeleri tarayıcıda, paragraf içindeki satır sonu konumu, yazı tipi boyutuna ve görünüm alanı boyutuna bağlı olarak otomatik olarak belirlenir. Satır kesmeleri yalnızca sözcük sınırlayıcıları (örneğin boşluklar) kullanılarak gerçekleştirilebilir. Bazen belgelerde, tarayıcı ayarlarına bakılmaksızın uygulanan bir zorunlu satır beslemesi ayarlamak gerekir. Bunu yapmak için zorunlu satır besleme etiketini kullanın.
eşleşen bir bitiş etiketi olmayan. Etiket ekleme
belgenin metninde, sonraki metnin yeni bir satırın başından itibaren yerleştirilmesini sağlayacaktır. Örneğin, bu yaklaşım özel liste işaretleme etiketleri kullanmadan liste tipi yapılar oluşturmak için kullanılabilir. Örneğin, şiir vb. Görüntülemek için bu etiket olmadan yapamazsınız.
Zorla satır besleme kullanımına bir örnek (Şekil 1.8):
Zorlanmış Satır Beslemeyi KullanmaBulutlu Petrograd üzerinde
Kasım sonbahar serin nefes aldı.
Gürültülü bir dalga sıçraması
Çitinin ince kenarlarında,
Neva hasta gibi koştu
Yatağında huzursuz.
A.S. Puşkin. Bronz Süvari
İncir. 1.8. Etiket
hat beslemesini zorlamak için kullanılabilir
Paragraf etiketinin aksine
Bir etiketi kullanırken
boş bir dize oluşmaz.
Etiket kullanımı
dikkat gerektirir - tarayıcı etiketinizle tanışmadan önce bir veya iki kelimeyle zaten bir satır besleme yapmışsa bir durum mümkündür
. Bu, okuyucu görüntüleyici penceresinin genişliği, belgenizi test ettiğiniz programın parametresinden daha azsa olur. Aynı zamanda, paragrafın ortasındaki satırda sadece bir kelimenin kalacağı ve böylece belgenin düzeninin güzelliğini ihlal ettiği ortaya çıkabilir.
Not
Bir etiketi kullanırken
Metni, aerodinamik bir görüntüyü veya tabloyu bölmek için CLEAR parametresini metin akışını durduracak şekilde ayarlayabilirsiniz. Bu bölüm 3 ve 4'te okunabilir.
Etiketler u
Satır beslemelerini engellemek için ters işlemi yapmanız gereken durumlar vardır. Bunun için bir kapsayıcı etiketi var. . Bu etiketle işaretlenen metnin uzunluğuna bakılmaksızın aynı satırda olması garanti edilir. Aynı zamanda ortaya çıkan çizgi tarayıcı görüntüleme penceresinin ötesine uzanırsa, yatay bir kaydırma çubuğu görünür.
Not
Tabloların hücrelerinde bulunan metnin sürekliliğini sağlamak için özel bir parametre NOWRAP etiketi vardır
. Bu, bölüm 4'te bulunabilir. Metni kırılmaz bir satır etiketi ile etiketleme Çok uzun çizgiler elde edebilirsiniz. Bundan kaçınmak için, okuyucunun tarayıcısına, yalnızca gerektiğinde (yumuşak satır besleme denir) yapılacak satır beslemesini nereye yerleştireceğini söyleyebilirsiniz. Bu, etiketi metinde doğru yere koyarak yapılabilir. (Word BReak) tıpkı bir etiket gibidir
kapanış etiketine ihtiyaç duymaz. Not
Etiket Netscape tarayıcısı tarafından desteklenmemektedir. Microsoft Tarayıcı İnternet gezgini bu etiketi yalnızca etiketlerle etiketlenmiş metinde tanır .
Ders 5.
Bu derste:
1. Bunu nasıl yapacağınızı öğrenin hTML Kodu bizim için daha rahat ve okunması kolay oldu.
2. Bir metin dizesini doğru bir şekilde nasıl satacağımızı öğrenelim.
Html kodunu uygun hale getiriyoruz.
Artık kodumuz net ve okunması kolay, çünkü az metin ve neredeyse hiç etiket yok. Daha karmaşık bir sayfa oluşturduğumuzda, burada birçok etiket olacak, bu yüzden doğru olanı bulmak zor olacaktır.
Etiketlerin karışıklığını önlemek için, etiketleri ve çizgileri görsel olarak daha kolay algılanacak şekilde ayarlamanız gerekir. Tarayıcı html sayfasından bilgi okuduğunda, kodda kaç boşluk ve kaç boş satır olduğu önemli değildir.
Sayfanın kodundaki metni, oluşturduğumuz metne göre değiştirdim, ancak bu önemli değil. Aynı kod sol ve sağ şekillerde gösterilmiştir. Her iki seçenek de monitör ekranında tarayıcı tarafından tamamen aynı şekilde görüntülenecektir. Kabul et, sağda gösterilen kodla çalışmak soldakinden çok daha kolay olacak.
Düşündüğümüz kod çok basit, ama şimdi bile görsel algıdaki fark göze çarpıyor. "Düzeni geri yüklemek" için özel bir kural yoktur; her ustanın kendisi onun çalışmasının nasıl daha uygun olduğuna karar verir.
Satır sonu html. Etiket & ltbr & gt.
Resme dikkat edin. İlk sürümde metin bir satırda, ikinci sürümde iki satırda yazılır.
 Tarayıcı her iki seçeneği de eşit olarak görüntüler. Metin tek bir satıra yazılır:
 Neden diye soruyorsun? Gerçekten de, kodlardan birinde metnin bir kısmı başka bir satıra aktarılır. Tarayıcıdaki metnin bir kısmının başka bir satıra da aktarılması mantıklı olacaktır, ancak html'nin bu bağlamda kendi mantığı vardır. Html kodunda satır kaydırma yaparsak, tarayıcı için bu bir boşluğa eşdeğerdir (bir metindeki kelimeler arasındaki normal boşluk gibi). Metnin bir bölümünü bir satır aşağı değil, 2 veya 3 (herhangi bir sayı) olarak aktarırsak, tarayıcı bu mesafeyi kelimeler arasında düzenli bir boşluk olarak görür ve ekranda görüntülendiğinde metin bir satıra yazılır.
Etiket & ltbr & gt
Üçüncü derste etiketlerle tanıştığımızda, kapanması gerekmeyen etiketler olduğunu belirttim. Etiket & ltbr & gt bunlardan biri, bir çizgiyi sarmaya hizmet eder.
Kodda uygulayalım:
 Bir etiket ekledik & ltbr & gt html kodumuzda ve şimdi dosyayı tarayıcı üzerinden çalıştırdığınızda, metnin bir kısmı bir sonraki stoğa aktarılacaktır.
* Değişiklikleri Not Defteri'ne (Ctrl + S) kaydetmeyi ve sayfayı tarayıcıda (F5) görüntülemeyi unutmayın.
Genellikle bir içinde gerekli excel hücreleri yeni bir satıra metin kaydırma yapın. Yani, metni resimde gösterildiği gibi aynı hücrenin içinde satır satır hareket ettirin. Metnin ilk kısmını girdikten sonra ENTER tuşuna basarsanız, imleç bir sonraki satıra, ancak başka bir hücreye taşınır ve aynı hücreye aktarmamız gerekir. Bu çok yaygın bir görevdir ve çok basit bir şekilde çözülür - metni bir Excel hücresindeki yeni bir satıra aktarmak için tıklayın ALT + ENTER (ALT tuşunu basılı tutun, ardından bırakmadan ENTER tuşuna basın)
Formül kullanarak Excel'deki yeni bir satıra metin aktarmaBazen bir kez değil, Excel'de işlevleri kullanarak satır sonu yapmanız gerekir. Şekilde bu örnekte nasıl olduğu aşağıda açıklanmıştır. İlk adı, soyadı ve ikinci adı giriyoruz ve otomatik olarak A6 hücresinde toplanıyor Açılan pencerede, “Hizalama” sekmesinde, resimde gösterildiği gibi “Kelimelere göre kaydır” kutusunu işaretlemeniz gerekir, aksi takdirde Excel'deki satır kesmesi formüller kullanılarak doğru şekilde görüntülenmez. Excel'de kısa çizgiyi başka bir karakterle değiştirme veya tam tersi bir formül kullanmaYapabilmek taşıma sembolünü başka bir işaretle değiştirmeörneğin boşluk, Excel'de SUBSTITUTE metin işlevini kullanma Yukarıdaki resimdeki örneği ele alalım. Böylece, B1 hücresine SUBSTITUTE işlevini yazıyoruz: YERİNEKOY (A1; SEMBOL (10); "") A1 satır sonu metnimizdir;
SEMBOL (10) - bu bir satır sonu (bunu bu makalede biraz daha yüksekte inceledik);
"" Bir boşluk, satır sonunu uzaya değiştirdikçe Ters işlemi yapmanız gerekiyorsa - boşluğu aktarımın işaretine (sembolüne) değiştirin, işlev buna göre görünecektir: YERİNEKOY (A1; ""; SEMBOL (10)) Satır kesmelerinin doğru bir şekilde yansıtılması için, "Hizalama" bölümünde hücre özelliklerinde "Satırlara sar" ifadesini belirtmeniz gerektiğini hatırlatırım. ARAMA kullanarak tire işaretini boşluk ve Excel'de nasıl değiştirilir - DEĞİŞTİRMEFormüllerin kullanılmasının uygun olmadığı zamanlar vardır ve hızlı bir şekilde değiştirme yapmanız gerekir. Bunu yapmak için Ara ve Değiştir'i kullanın. Metnimizi seçin ve CTRL + H tuşlarına basın, aşağıdaki pencere görünecektir. Satır sonunu bir boşluk olarak değiştirmemiz gerekiyorsa, "Bul" satırına bir satır sonu girmelisiniz, bunun için "Bul" alanında durun, sonra ALT tuşuna basın, bırakmadan klavyede 010 yazın - bu satır kesme kodu, bu alanda görünmeyecek. Bundan sonra, "Şununla değiştir" alanına, değiştirmeniz gereken bir boşluk veya başka bir karakter girin ve "Değiştir" veya "Tümünü Değiştir" i tıklayın. Bu arada, Word'de daha açık bir şekilde uygulanır. Satır sonu karakterini bir boşluk olarak değiştirmeniz gerekiyorsa, "Bul" alanında, özel olarak gösterilen "Satır sonu" kodunu belirtmeniz gerekir. ^ l
"Şununla değiştir:" alanında bir boşluk bırakmanız ve "Değiştir" veya "Tümünü Değiştir" i tıklamanız yeterlidir. Yalnızca satır sonlarını değil diğerlerini de değiştirebilirsiniz Özel sembollerİlgili kodlarını almak için "Diğer \u003e\u003e", "Özel" düğmesini tıklamanız ve ihtiyacınız olan kodu seçmeniz gerekir. Sana hatırlatıyorum bu fonksiyon yalnızca Word'de, Excel'de bu karakterler çalışmaz. VBA kullanarak Excel'de satır sonunu boşluk veya tam tersi olarak değiştirmeSeçilen hücreler için bir örnek düşünün. Yani, gerekli hücreleri seçiyoruz ve makroyu çalıştırıyoruz 1. VBA kullanarak seçilen hücrelerdeki boşlukları tireye çevirin Alt Uzaylarda Tireleme ()
Seçimdeki her hücre için
cell.Value \u003d Değiştir (cell.Value, Chr (32), Chr (10))
Sonraki
Alt bölümü bitir 2. VBA kullanarak kısa çizgileri seçilen hücrelerdeki boşluklara değiştirin Boşluklara Alt Tireleme ()
Seçimdeki her hücre için
cell.Value \u003d Değiştir (cell.Value, Chr (10), Chr (32))
Sonraki
Alt bölümü bitir Kod çok basit Chr (10) satır sonu, Chr (32) boşluktur. Başka bir karaktere geçmek istiyorsanız, istediğiniz karaktere karşılık gelen kod numarasını değiştirmeniz yeterlidir. Excel için Karakter KodlarıBunlara karşılık gelen farklı semboller ve kodlar aşağıda gösterilmiştir, birkaç sütun farklı bir yazı tipidir. Resmi büyütmek için resmin üzerine tıklayın.
Satır kesmeleri, satır kesmeleri, satır kesmeleri bir şeydir. HTML'de satır sonları sıklıkla kullanılır. Birkaç yol vardır: etiketi kullanın
yeni bir satıra çevirmek için kullanabilirsiniz veya satırı sarmak için CSS özelliklerini kullanabilirsiniz. Satır sonu etiketi kullanma örneğini ele alalım:
CSS'de, satır kaydırma farklı şekillerde yapılabilir, örneğin:
Br (
şamandıra: sol;
genişlik:% 100;
kenar boşluğu: 0 0 20 piksel 0; / * 20 piksel satırından sonra girinti * /
}
HTML veya CSS kullanarak satırı bölme
HTML'de bir bölme çizgisi oluşturmak çok basittir. Eşleştirilmemiş etiket de kullanılır.
- bu bölen çizgidir. Bölen çizgi yeni bir çizgiyle başlar ve ondan sonra bir girinti vardır. Yatay çizginin stilini kontrol edebilir ve buna bir alternatif de yapabilirsiniz. Aşağıda etiketi kullanan bir bölme çizgisine örnek verilmiştir:
Şimdi stil verelim (stilleri değiştirelim, değiştirelim görünüm) bizim bölme hattı:
sa (
genişlik:% 80; / * hat genişliği * /
yükseklik: 4px; / * yükseklik / çizgi kalınlığı * /
arka plan: # 333; / * arka plan / çizgi rengi * /
sınır: 0; / * bölme çizgisinin etrafındaki çerçeve (kaldır) * /
kenar boşluğu: 5px 0 5px 0; / * 5 piksel çizgisinin üstüne ve altına girintileme * /
}
Ve etiketini kullanarak bölme çizgimize bir alternatif oluşturun ve CSS.
Genellikle yeni bir paragraf eklemeye ihtiyaç vardır, ancak paragraf etiketinin eklediği boş satır olmadan Bazı metin parçaları için, paragraflar için standart aralık basitçe önemsizdir. Bunlar resimler ve tablolar, ayetler, alıntılar, dipnotlar ve notlar altındaki başlıklar olabilir. Zorla satır kaydırma için, işlevi br (satır sonu - "satır kır, satır") içine gömülü olan özel bir etiket sağlanır. Etiket
html köprü metni biçimlendirme dili, onu izleyen tüm içeriğin yeni bir satırda başlaması gerektiği anlamına gelir. Gerekirse, gerekli aralığı elde etmek için arka arkaya birkaç etiket yapıştırabilirsiniz. Etiket
büyük / küçük harfe duyarlı değildir ve bir kapatma etiketi gerektirmez, çünkü boş bir öğedir, ancak tüm etiketleri kapatmaya alışmak daha iyidir. XHTML'de, kesme etiketi ters eğik çizgiye "sıkıca kapatılmalıdır". Kesme etiketi örneğiBr eylem< /title></p><p><р> İşe devamsızlık</р></p><p><p>Hiçbir yerde ve asla <br></p><p>O kadar kötü değildim <br></p><p>Yetkililer açgözlü kalabalık <br></p><p>Beni canlı yakalar</р></p><p>İşe devamsızlık</p><p>Hiçbir yerde ve asla <br>O kadar da kötü değildim. <br>Yetkililer açgözlü kalabalık <br>Beni canlı kemiriyor.</p><h2>Etiket özelliği <br></h2><p>Html etiketinin sahip olduğu tek özellik <br>, denilen Metin, sağ / sol değerleri kullanan hizalama özniteliğine sahip bir resim veya CSS'de float özelliği ayarlanmış bir blok gibi, kayan bir öğenin etrafına sarılması gerekiyorsa tarayıcıya taşınabilir bir dizeyle nasıl başa çıkılacağını söyler.</p><p>XHTML 1.0 / HTML 4.01 spesifikasyonlarında, clear niteliği yalnızca Geçişli, Çerçeve Kümesi ve<!DOCTYPE>aksi halde kod çalışmaz.</p><h2>Etiket Nitelik Özellikleri</h2><p>Clear özniteliğinin kullanımının etkisi değerine ve metin tarafından akıcı hale getirilmiş kayan öğenin konumuna bağlıdır. Özellik 4 değer alabilir:</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></p><p>Kalan değer, öğenin etrafındaki akışı sola hizalanmış olarak engeller, böylece etiket üzerinde "tetiklenir" metni <br>, resmin veya diğer yüzen öğelerin altında bulunur.</p><p>Tam olarak bu sonuç, hiçbir zaman sağa veya sola izin vermeyecek olan argümanın kullanımından gelecektir.</p><p>Right değeri metnin sağa hizalanmış öğenin etrafında akmasını engeller, bu nedenle etiketinden sonra <br> metnin sağında akan resmin etrafında dolaşmaktan başka seçeneği yoktur.</p><p>None değeri ("ne sizin ne de bizim ne olursa olsun") genel olarak tüm izinleri clear özelliğinden ve etiketinden kaldırır <br> çizgiyi sessizce sarar.</p><p>Varsayılan olarak, etiketin clear özelliği eksiktir.</p><h2>Etiket <br> yumuşak bir taşımadır</h2><p>Satır sonu etiketi, içinde yumuşak kısa çizgi olarak kullanıldığı paragraflar arasında gerekli aralıkları oluşturmak için çok uygundur, ancak metni paragraflara bölmek için bir araç olarak kullanılmaz.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy></p><p>Metni biçimlendirmek için satır besleme etiketi ile çok fazla taşınmamalısınız, çünkü uygulamasının sonuçları her zaman zarafetle ayırt edilmez.</p><p>Örneğin, bir etiket kullanıyorsanız <br> bir paragraf içindeki satırları çevirmek için, bu, web yöneticisinin odaklandığı pencereden daha küçükse, kullanıcının penceresinde bir “tarak” görünümüne yol açabilir.</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>");</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 id="kafine2" style="height:500px;width:300px;" align="center"></div>
</div>
<br/>
<div>
<div id="kafine3" style="height:500px;width:300px;" align="center"></div>
</div>
<br/>
<div>
<div id="kafine4" style="height:500px;width:300px;" align="center"></div>
</div>
<br/>
<div>
<div id="kafine5" style="height:500px;width:300px;" align="center"></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> İndirme şimdi başlayacak ...</strong>
<br> Malzemeyi paylaşmayı unutmayın <br>sosyal ağlarda <br> meslektaşlar</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>© 2020, mkr-novo2.ru, İnternet. Eğitim. Programlar. Firmware. Kurulum ve kurulum. navigasyon cihazları</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/tr/category/internet/">internet</a>
<a href="https://mkr-novo2.ru/tr/category/multimedia/">Multimedya</a>
<a href="https://mkr-novo2.ru/tr/category/navigatory/">navigasyon cihazları</a>
<a href="https://mkr-novo2.ru/tr/category/obrazovanie/">Eğitim</a>
<a href="https://mkr-novo2.ru/tr/category/po/">TARAFINDAN</a>
<a href="https://mkr-novo2.ru/tr/category/problemy/">sorunlar</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>proje hakkında</h4>
<a href="">geri bildirim</a>
<a href="">Site hakkında</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="">İletişim</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/tr/#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>Şifre kurtarma <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>Şifrenizi kurtarmak için e-postanızı girin!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="E-postanızı giriniz">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="Sunmak">
</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> | 
Giriş