Emotikon wordpress. Emoji WordPress baru - dengan dan tanpa plugin. Kemungkinan masalah dan malfungsi

Halo lagi!

Saya tidak ingat persis apa yang mendorong saya untuk memasang emotikon di situs ini. Sepertinya seorang teman mengatur agar saya mengurai emotikon di QIP infium messenger, yang telah saya gunakan selama lebih dari setahun, dan saya tergoda untuk melampirkan emotikon di sini.

Setelah mencari sedikit plugin yang cocok untuk WordPress, saya menemukan yang ini, memutuskan untuk menggunakannya, tetapi tidak berhasil di sana - saya ingin keluaran yang berbeda, dan saya ingin menyederhanakan pemeriksaan untuk mengganti karakter dengan emotikon. Juga, saya tidak membutuhkan begitu banyak emotikon. Tentu saja, saya dapat mewujudkan semua keinginan saya dengan mengedit plugin yang disebutkan di atas, tetapi entah bagaimana, hampir secara tidak sengaja, saya mulai menulis kode saya sendiri, yang akhirnya berubah menjadi plugin, yang tampaknya cukup berhasil.

Tentang plugin emoji untuk WordPress

Apa yang dilakukan plugin:

mengganti emotikon WordPress default dengan emotikon dari QIP.
menambahkan daftar emotikon ke kotak komentar. Emoticon mana yang akan disertakan dalam daftar ditentukan dalam pengaturan.
menambahkan emotikon ke panel admin, tempat Anda dapat dengan mudah menyisipkannya saat membalas komentar atau menulis postingan.
memudahkan untuk menemukan dan mengganti kode emotikon dalam teks.

Pengaturan untuk Kama WP Smiles

Saya akan memberi tahu Anda sedikit tentang pengaturannya

Penyisipan blok emotikon secara manual dalam formulir komentar

Plugin secara otomatis menambahkan emotikon ke formulir komentar (textarea). Namun, ternyata plugin tersebut tidak dapat menyematkan daftar secara normal. Dalam hal ini, Anda dapat memasukkan blok emotikon secara manual, di mana saja di dalam template. Untuk melakukan ini, biarkan bidang "Sisipkan emotikon otomatis" di pengaturan kosong, jadi Anda mematikan penyisipan otomatis, dan menggunakan kode php untuk memasukkan blok di tempat yang tepat di templat (biasanya di suatu tempat di komentar.php mengajukan):

Kode ini akan menampilkan blok emoji.

Tag pengecualian HTML

Dalam pengaturan ini, Anda dapat menentukan tag HTML, teks yang tidak akan diproses oleh plugin. Misalnya, jika Anda menentukan kode di sana, kode berikut tidak akan diproses oleh plugin:

senyum :) .

Tag harus dipisahkan dengan koma.

Sebutan khusus emotikon (emotikon pengecualian)

Secara default, emotikon didefinisikan dalam teks dengan kode (:smiley_file_name:) , tetapi ada pengecualian. Misalnya, smiley dilambangkan sebagai:-) atau:) atau =) , dan kode asalnya adalah (:smile:) . Secara default, ada 3 pengecualian seperti itu: :) :(:D . Batasan seperti itu disebabkan oleh sedikit pengoptimalan... Pengecualian tersebut dapat dikonfigurasi di plugin.

Mengedit tampilan

Jika Anda tidak puas dengan tampilan daftar emotikon, Anda dapat mengeditnya, asalkan Anda tahu css, untuk ini Anda perlu mengubah aturan CSS di bidang "Gaya CSS". Untuk mencegah gaya disimpan dalam pengaturan, Anda dapat menyalin gaya ke file gaya Anda, sambil menghapusnya dari pengaturan.

Memasang set emotikon Anda

Jika Anda tidak melihat emoji yang Anda inginkan di blog Anda, jangan khawatir. Anda dapat dengan mudah menambah/mengganti emotikon dengan milik Anda sendiri.

Untuk melengkapi daftar, yang perlu Anda lakukan hanyalah membuat folder kama-wp-smile-packs di sebelah folder plugin dan menambahkan set gambar smiley Anda sendiri ke dalamnya. Itu. pada akhirnya, Anda akan mendapatkan folder dengan gambar smiley: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . Setelah membuat folder seperti itu, Anda harus pergi ke pengaturan dan memilih paket emotikon baru yang muncul.

Teks entri akan menggunakan konstruksi (:file_name:) . Misalnya, jika Anda menambahkan gambar emotion.gif ke dalam teks, smiley ini akan disisipkan sebagai (:emotion:) .

Hanya huruf latin kecil yang diperbolehkan dalam nama file. huruf a-z, angka 0-9 , tanda - dan _ . Jika file tersebut memiliki beberapa karakter lain, maka itu tidak akan berfungsi.

Memfilter - menghapus kode emoji dari teks

Jika Anda perlu memfilter teks di suatu tempat (jangan tampilkan kode emotikon), terapkan filter berikut:

$text = "Tes teks (:baik:)"; $teks = preg_replace("/$:(0,15):$/", "", $teks); gema $teks; // kembali: Tes teks

Cara menyematkan plugin di bidang lain seperti BbPress, Obrolan Cepat

Plugin default hanya berfungsi untuk komentar dan posting. Jika Anda perlu "mengencangkannya" di tempat lain, maka fungsi berikut dan sedikit pengetahuan tentang css akan berguna:

kws_get_smiles_html($textarea_id) - Menampilkan blok smiley untuk textarea
kws_convert_smiles($content) - memproses konten keluaran untuk mengubah kode smiley menjadi gambar

Jika tiba-tiba ada masalah, gangguan, bug, dan "apa lagi" atau jika Anda hanya ingin menulis sesuatu seperti ini - tulis di komentar

Emotikon adalah ekspresi perasaan dan emosi di Internet. Anda dapat membuat blog Anda lebih menyenangkan dengan menambahkan emotikon animasi. Secara umum jenis dan tipe emoticon berbeda-beda. Jika keutamaan emotikon WordPress tidak cocok untuk Anda, maka hari ini Anda memiliki kesempatan untuk menjadi pemilik wajah baru yang menyenangkan.

seperti inilah tampilan standar emoji WordPress

Untuk mengubah emotikon WordPress default menjadi sesuatu yang lebih orisinal, buka root blog Anda dan arahkan ke /wp-includes/images/smilies/ . Unggah emotikon baru ke folder smiley, yang paling Anda sukai, tapi ingat
nama emotikon baru harus sesuai dengan nama emotikon standar.

Nih saya kasih emotikon yang sudah jadi yang namanya tidak perlu diganti, cukup isi folder smileies dan itu saja.

Kolobok mini

Kolobok

Skema untuk menambahkan emotikon di WordPress

Anda dapat menambahkan emotikon langsung ke entri blog menggunakan tanda baca - (O8)-:|D; dan sebagainya.
Berikut adalah diagram emoticon tanda baca.

Sekarang mari kita selesaikan satu pertanyaan lagi, cara menambahkan emotikon ke komentar di atas bidang teks?

Bagaimana cara menambahkan emotikon ke komentar.

Jika Anda memiliki WordPress di bawah 3.0, maka di tema template temukan file comments.php, jika Anda memiliki WordPress 3.0 ke atas, buat path berikut ke file comments.php di root situs.

nama blog Anda\wp-include\theme-compat\ komentar.php

Temukan kode berikut di file comments.php:

tambahkan kode ini di atasnya:

"; ) ) gema "

".$dm_showsmiles."

"; ?>

Seperti inilah tampilannya:

$dm_smile) ( if (!in_array($dm_smile,$dm_smiled)) ( $dm_smiled = $dm_smile; $tag = str_replace(" ", "", $tag); $dm_showsmiles .= " "; ) ) gema "

".$dm_showsmiles."

"; ?>

Itu saja. Kami mengganti emotikon standar dengan milik kami, dan menambahkan serangkaian wajah di atas bidang teks di komentar, betapa bagusnya kami.

Halo teman teman! Sudah lama saya tidak memposting artikel baru tentang WordPress. Faktanya adalah blog saya sudah mapan - plugin utama diinstal dan dikonfigurasi, sesuatu dilakukan di suatu tempat murni pada kode, dan tidak perlu mengubah atau menambahkan yang baru. Tinggal menyelesaikan beberapa hal kecil, terutama yang berkaitan dengan tampilan blog. Salah satu hal kecil itu... emoticon wordpress. Itulah yang akan kita bicarakan hari ini.

Emotikon di WordPress ada secara default, tetapi banyak yang bahkan tidak mengetahuinya, karena masih perlu diaktifkan di pengaturan. Buka bagian "Opsi" - "Menulis" dan aktifkan opsi:

Daftar lengkap semua emotikon yang tersedia tidak tercantum dalam pengaturan, tetapi dapat ditemukan di kodeks WordPress. Ini dia:

Cukup gunakan simbol yang ditunjukkan pada tabel saat menulis artikel. Setelah posting diterbitkan, mereka akan secara otomatis diganti dengan gambar yang sesuai. Hati-hati, perlu dikatakan bahwa Cylics tidak terlalu cantik. Tetap saja, saya sudah terbiasa dengan kolobok animasi yang digunakan di Qip dan sering ditemukan di semua jenis forum.

Anda dapat mengubah emotikon secara manual karena mudah.

dengan emotikon baru ke komputer Anda dan buka kemasannya.
Semua ikon terletak di server di direktori /wp-includes/images/smilies. Kita perlu mengganti file standar secara manual dengan yang baru. WP tidak peduli gambar mana yang akan ditampilkan.

Jika Anda perlu menambahkan emotikon baru yang tidak memiliki analog di WP, maka Anda masih perlu mendaftarkannya di file /wp-includes/functions.php. Secara default, Anda dapat melihat kode berikut di dalamnya:

function smillies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // jangan repot-repot menyiapkan smiley jika dinonaktifkan jika ( ! get_option( "use_smilies" ) ) kembali ; if ( ! isset ( $wpsmiliestrans ) ) ( $wpsmiliestrans = array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted .gif" , ... ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ; )

Cukup tambahkan baris baru di mana Anda menentukan karakter kunci dan ikon yang sesuai. Untuk menghapus smiley, hapus baris yang mengacu padanya dan hapus ikon dari folder.

Cara Menambahkan Emoticon ke Komentar WordPress Secara Manual

Untuk dapat memilih emoji di komentar WordPress, edit template comments.php dari tema WP Anda dan sebelum kode (tergantung temanya, mungkin sedikit berbeda):

< textarea name= "comment" id= "comment" cols= "65" rows= "10" tabindex= "4" >

rekatkan skrip:

gema "

" . $dm_showsmiles . "

" ; ?>

Kami terus menghias situs Anda. Dan objek perhatian kita kali ini adalah plugin untuk memasang emoticon pada blog WP Monalisa. Ngomong-ngomong, tahukah Anda mengapa mereka dibutuhkan? Pertanyaan bodoh apa? Tentunya dibutuhkan agar pengunjung situs dan komentator yang rajin mengungkapkan emosinya dengan jelas tidak hanya dengan kata-kata, tetapi juga dengan gambar yang lucu, sedih atau marah. Itu dia. Baiklah, mari kita mulai menginstal plugin yang luar biasa ini.

Itu dipasang dengan cara biasa melalui konsol. Konsol -> Plugin -> Tambah Baru dan di drive pencarian WP Monalisa. Satu plugin tunggal muncul, instal, lalu aktifkan.

Pengaturannya muncul di menu konsol, silakan. Mari kita mulai dengan pengaturan plugin WP-Monalisa.

Jalur ikon adalah jalan menuju smilies di situs Anda. Seperti yang Anda lihat, defaultnya adalah wp-content/plugins/wp-monalisa/icons Anda dapat mengunggah gambar Anda di sepanjang jalur yang sama.
Tampilkan senyuman saat diedit- item ini bertanggung jawab untuk menampilkan emotikon di editor postingan. Artinya, Anda bisa memasukkan semua emotikon ke dalam postingan Anda.
Tampilkan emoticon pada komentar- dan ini untuk memungkinkan pengunjung Anda memasukkan emoji ke dalam komentar mereka.
Ganti emotikon dengan gambar-html- pilih cara menampilkan emotikon. Jika Anda membiarkan item diaktifkan, maka saat Anda memasukkan gambar ke dalam komentar, kode panjang akan ditampilkan. Jadi lebih baik dimatikan.
Tunjukkan senyum di meja- dengan mencentang kotak ini, Anda dapat membuat smilies yang di pilih tampil dalam tabel vertikal, menyesuaikan dengan desain situs Anda.
Tampilkan senyuman sebagai Pulldown– emotikon akan disajikan sebagai daftar drop-down.
Tampilkan tooltip untuk ikon- item ini akan menampilkan petunjuk untuk emotikon, yang dimaksud dengan emosi emotikon.

Di bawah pengaturan, Anda dapat bereksperimen dengan emotikon. Ada banyak sekali, dan Anda juga memiliki kesempatan untuk menghapus, mengganti, menukar, atau mengunggah emotikon Anda sendiri. Untuk menginstal rakitan Anda, Anda perlu menemukannya dan mengunduhnya atau bahkan menggambarnya sendiri, lalu mengunggahnya ke hosting Anda di sepanjang jalur ini situsanda.ru/wp-content/plugins/wp-monalisa/icons Plugin yang sangat berguna!

Halo! Saya bersama Anda lagi, penulis Blog Webmaster Gratis dan hari ini kita akan membicarakannya emoticon di wordpress. Emoticon telah lama mendapatkan popularitasnya. Ini adalah cara yang bagus untuk mengekspresikan emosi Anda dan terkadang hanya satu emoji yang cukup untuk mengekspresikan perasaan Anda.

Sejujurnya, saya tidak terlalu terkesan dengan emotikon WordPress standar. Penampilan mereka menurut saya primitif, terlalu kuno, dan oleh karena itu saya memutuskan untuk mengubahnya menjadi yang lain.

Emoticon wordpress standar

Di sini Anda bisa pergi dengan dua cara.

Yang pertama adalah memasang plugin yang secara otomatis akan mengganti emotikon standar dengan yang lain. Tetapi terlalu banyak plugin yang aktif akan memperlambat blog, menambah beban di server. Selain itu, plugin sering menambahkan tabel mereka ke database MySQL, dan ketika dihapus, mereka tidak selalu membersihkan database ini sendiri dan harus melalui panel phpMyAdmin.
Cara kedua akan menghindari masalah seperti itu, selain itu, ini akan memungkinkan Anda untuk lebih memahami cara kerja WordPress. Ini menyiratkan pengeditan manual.

Karena itu, kami akan menggunakan cara kedua. Smilies default terletak di folder /wp-includes/images/smilies/ di root blog Anda. Untuk mengubahnya, Anda hanya perlu menimpa yang lama dengan yang baru. Anda benar-benar dapat mengambil emotikon apa pun, mengganti namanya sehingga nama file cocok dengan yang standar dan mengunggahnya kembali ke folder yang sama. Saya memposting kumpulan emotikon yang sudah saya miliki:

Anda tidak perlu mengganti nama apa pun, tinggal mengganti yang standar dengan ini dan selesai. Masalah ini telah ditangani.

Pertanyaan selanjutnya: bagaimana cara menambahkan emotikon di atas kolom teks formulir komentar? Semuanya juga sangat sederhana di sini! Untuk melakukannya, di file comments.php tema Anda, sebelum tag pembuka , bagi saya tampilannya seperti ini:</p> <<span>textarea name = "komentar" id = "komentar" baris = "10" cols = "1" ></span></<span>bidang teks ></span> <p>rekatkan kode berikut:</p> <<span>skrip ></span> <span>fungsi addmile ($senyum )</span></<span>skrip ></span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => <img src='/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html' loading=lazy loading=lazy>"/wp-include/gambar/smilies/"</span>.$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; ) ) gema <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Itu saja! Dengan tindakan ini, kami berhasil mengganti emotikon wordpress standar dengan yang lebih menarik dan modern, serta menambahkannya di atas kolom teks formulir komentar. Dan semua ini tanpa menggunakan plugin apa pun.</p> <h2>Emotikon untuk WordPress 4.2 ke atas, cara menonaktifkan emoji</h2> <p>Dimulai dengan versi 4.2 dan lebih tinggi, pengembang telah mengimplementasikan perpustakaan Twemoji baru ke dalam inti WordPress - sekumpulan karakter Unicode yang diubah menjadi Emoji saat membuat halaman. Jika browser tidak mendukung emoji, simbol secara otomatis diganti dengan gambar grafik yang dimuat dari CDN.</p> <p><img src='https://i2.wp.com/webliberty.ru/wp-content/uploads/2010/11/Emoji.png' align="center" width="100%" loading=lazy loading=lazy></p> <ul><li>bahkan peramban modern tidak selalu mendukung emoji;</li> <li>gambar memiliki dimensi sebenarnya 72x72px dan diskalakan saat dimuat, meningkatkan waktu rendering halaman;</li> <li>di bagian <head>skrip dan gaya sebaris dimuat yang tidak ditempatkan di file terpisah.</li> </ul><p>Selain itu, semua artikel dan komentar di blog memperoleh tampilan yang sama sekali berbeda, yang tidak cocok untuk saya. Saya mengusulkan untuk menggunakan solusi yang memungkinkan Anda mengembalikan emotikon lama ke tempatnya. Ini berisi bagian dari fungsionalitas plugin Classic Smilies, serta pengembangannya sendiri.</p> <p>Untuk memulainya, di direktori dengan nama tema blog, Anda perlu membuat folder bernama smillies dan membongkar gambar emotikon ke dalamnya (tautan unduhan diberikan di atas). Kemudian ikuti petunjuk untuk versi WordPress sebelumnya, tambahkan beberapa kode yang sedikit dimodifikasi ke comments.php tema:</p> <<span>skrip ></span> <span>fungsi addmile ($senyum )</span>( dokumen .getElementById("komentar" ).nilai=dokumen .getElementById("komentar" ).nilai+" " +$senyum+" " ; )</span></<span>skrip ></span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag =>$dm_smile) ( if (!in_array($dm_smile,$dm_smiled)) ( $dm_smiled = $dm_smile; $tag = str_replace(" " , "" , $tag); $dm_showsmiles .= " <img src='/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html' loading=lazy loading=lazy>" ; ) ) gema <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Tambahkan kode berikut ke file functions.php:</p> <span>// Tetapkan lokasi gambar default baru</span> <span>fungsi classic_smilies_src($old, $img)</span>( $mythemes = get_template(); kembalikan site_url( <span>"/wp-content/themes/$mythemes/smilies/($img)"</span>, __FILE__ ); ) <span>// Mengembalikan pemetaan karakter ke file</span> add_action("init" , "classic_smilies_init" , 1 ); <span>fungsi classic_smilies_init()</span>( global $wpsmiliestrans; $wpsmiliestrans = array (":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , " :arrow:" => "icon_arrow.gif" , ":o" => "icon_eek.gif" , ":)" => "icon_smile.gif" , ":???:" => "icon_confused.gif" , ":cool:" => "icon_cool.gif" , ":evil:" => "icon_evil.gif" , ":D" => "icon_biggrin.gif" , ":idea:" => "icon_idea.gif " , ":oops:" => "icon_redface.gif" , ":P" => "icon_razz.gif" , ":roll:" => "icon_rolleyes.gif" , ":wink:" => "icon_wink. gif" , ":cry:" => "icon_cry.gif" , ":eek:" => "icon_surprised.gif" , ":D" => "icon_lol.gif" , ":mad:" => "icon_mad .gif" , ":sad:" => "icon_sad.gif" , "8-)" => "icon_cool.gif" , "8-O" => "icon_eek.gif" , ":-(" => "icon_sad.gif" , ":-)" => "icon_smile.gif" , ":-?" => "icon_confused.gif" , ":-D" => "icon_biggrin.gif" , ":-P" => "icon_razz.gif" , ":-o" => "icon_surprised.gif" , ":- x" => "icon_mad.gif" , ":-|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , "8O" => "icon_eek.gif" , ":(" => "icon_sad.gif" , ":)" => " icon_smile.gif" , ":?" => "icon_confused.gif" , ":D" => "icon_biggrin.gif" , ":P" => "icon_razz.gif" , ":o" => "icon_surprised.gif" , ":x" => "icon_mad.gif" , ":|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" ,); add_filter("smilies_src" , "classic_smilies_src" , 10 , 2 ); <span>// Nonaktifkan pemuatan skrip dan gaya emoji</span> hapus_tindakan("wp_head" , , 7 ); hapus_tindakan("admin_print_scripts" , <span>"print_emoji_detection_script"</span>); hapus_aksi("wp_print_styles" , "print_emoji_styles" ); hapus_aksi("admin_print_styles" , "print_emoji_styles" ); hapus_filter("the_content_feed" , "wp_staticize_emoji" ); hapus_filter("comment_text_rss" , "wp_staticize_emoji" ); hapus_filter("wp_mail" , <span>"wp_staticize_emoji_for_email"</span>); add_filter("tiny_mce_plugins" , <span>"classic_smilies_rm_tinymce_emoji"</span>); add_filter("the_content" , , 11 ); add_filter("kutipan_" , <span>"classic_smilies_rm_additional_styles"</span>, sebelas ); add_filter("komentar_teks" , <span>"classic_smilies_rm_additional_styles"</span>, 21 ); } <span>// Nonaktifkan Emoji di editor visual TinyMCE</span> <span>fungsi <span>classic_smilies_rm_tinymce_emoji</span>($plugin)</span>( kembali array_diff($plugins, array("wpemoji" )); ) <span>// Hapus ukuran smiley 1em (yang baru ditetapkan untuk kelas .wp-smiley)</span> <span>fungsi <span>classic_smilies_rm_additional_styles</span>($konten)</span>( kembalikan str_ganti( <span>"class="wp-smiley" style="height: 1em; max-tinggi: 1em;""</span>, "kelas="wp-smiley"" , $konten); ) <p>Sekarang Anda tidak perlu mengganti gambar dengan yang baru setiap kali, karena gambar tersebut terletak di folder yang berbeda dan pembaruan tidak memengaruhinya.</p> <p>Jadi, kami menonaktifkan pemuatan dan tampilan Emoji, menggantinya dengan emotikon yang kami gunakan sebelumnya. Semoga beruntung!</p> <script type="text/javascript">  </script><br> <br> <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> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html" content="https://bakep.ru/smailiki-vordpress-novye-smailiki-wordpress-s-plaginom-i-bez-vozmozhnye.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Смайлики вордпресс. Новые смайлики WordPress — с плагином и без. Возможные проблемы и неполадки"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i1.wp.com/bloggood.ru/wp-content/uploads/2012/11/smilies-emoticons.jpg"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">ARTIKEL TERKAIT</span></h4> <div class="ads-border"> <div class="ads-content"> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Berguna</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Periklanan</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Baru</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumias.ru/wp-content/uploads/2013/03/lum620tips1.jpg" alt="Berlangganan berita G pesaing iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Berlangganan berita G pesaing iPhone" rel="bookmark">Berlangganan berita G pesaing iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2017/05/22-05-2017-9-54-36.jpg" alt="VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi" rel="bookmark">VPN untuk browser di Android dan PC: Unduh dan aktifkan Browsec VPN untuk Google Chrome - instalasi dan konfigurasi</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/lumpics.ru/wp-content/uploads/2018/01/Uvelichenie-znachkov-rabochego-stola-s-ispolzovaniem-tachpada.png" alt="Pulihkan pintasan desktop" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Pulihkan pintasan desktop" rel="bookmark">Pulihkan pintasan desktop</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/xn--80aaakxpne3ahl.xn--p1ai/wp-content/uploads/2018/08/Zakrytyj-akkaunt-v-Instagram.jpg" alt="Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar" rel="bookmark">Cara menemukan seseorang di Instagram tanpa mendaftar Melihat akun Instagram tanpa mendaftar</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/all-freeload.net/images/programs/screenshot/internet/utility-k-brauzeram/frigate-1__270x132.png" alt="Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox" rel="bookmark">Akses sumber daya yang diblokir di Google Chrome menggunakan ekstensi friGate Frigate gratis untuk web terbuka firefox</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/smartbobr.ru/wp-content/uploads/2018/01/placeholder.jpg" alt="Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat" rel="bookmark">Ulasan MiniX Neo X7: Android Mini PC Android Mikrokomputer yang Kuat</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3q5pet/22.jpg" alt="Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting" rel="bookmark">Apakah mungkin untuk memutar kembali ios 8.4 1. Cara memutar kembali versi iOS di iPhone, iPad. Menyimpan data penting</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/selftrue.ru/wp-content/uploads/Thoisoi.jpg" alt="Hanya yang paling bermanfaat dan menarik!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Hanya yang paling bermanfaat dan menarik!" rel="bookmark">Hanya yang paling bermanfaat dan menarik!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/id/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/gravatar.com/avatar/112fdf7a8fe3609e7af2cd3873b5c6bd?size=50&default=http%3A%2F%2Fdemo.tutorialzine.com%2F2010%2F06%2Fsimple-ajax-commenting-system%2Fimg%2Fdefault_avatar.gif" alt="Sistem komentar sederhana menggunakan AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/id/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Sistem komentar sederhana menggunakan AJAX" rel="bookmark">Sistem komentar sederhana menggunakan AJAX</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://bakep.ru/id/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Tip komputer untuk pengguna pemula" title="Tip komputer untuk pengguna pemula" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Tips komputer untuk pemula, 2023</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/id/feedback.html">Masukan</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/id/sitemap.xml">Peta Situs</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Tentang situs</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript">  </script><br> <br> </body> </html>