Emoticons Wordpress. Emoji të reja të WordPress - me dhe pa një shtojcë. Probleme dhe keqfunksionime të mundshme

Pershendetje perseri!

Nuk e mbaj mend saktësisht se çfarë më shtyu të instaloja emoticons në këtë faqe. Duket se një mik më ka rregulluar që të analizoj emoticon në mesazherin QIP infium, të cilin e përdor për më shumë se një vit, dhe u tundova të bashkangjisja emoticons këtu.

Pasi kërkova pak për një shtojcë të përshtatshme për WordPress, hasa në këtë, vendosa ta përdor, por nuk funksionoi atje - doja një dalje tjetër dhe doja të thjeshtoja kontrollin për zëvendësimin e karaktereve me emoticon. Gjithashtu, nuk më duheshin aq shumë emoticon. Sigurisht që mund t'i realizoja të gjitha dëshirat e mia duke redaktuar shtesën e lartpërmendur, por disi, thuajse rastësisht, fillova të shkruaj kodin tim, i cili përfundimisht u shndërrua në një plugin, i cili duket të jetë mjaft i suksesshëm.

Rreth shtojcës emoji për WordPress

Çfarë bën shtojca:

zëvendëson emoticonet e paracaktuar të WordPress me emoticonet nga QIP.
shton një listë me emoticon në kutinë e komenteve. Cilat emoticona do të përfshihen në listë specifikohen në cilësimet.
shton emoticon në panelin e administratorit, ku mund t'i futni lehtësisht kur u përgjigjeni komenteve ose shkruani një postim.
e bën të lehtë gjetjen dhe zëvendësimin e kodeve të emoticoneve në tekst.

Cilësimet për Kama WP Smiles

Unë do t'ju tregoj pak për cilësimet

Futja manuale e një blloku emoticonësh në formularin e komentit

Shtojca shton automatikisht emoticon në formularin e komenteve (textarea). Sidoqoftë, mund të rezultojë që shtojca nuk do të jetë në gjendje ta ngulit listën normalisht. Në këtë rast, mund të futni një bllok emoticonësh me dorë, kudo në shabllon. Për ta bërë këtë, lini fushën "Auto-Insert emoticons" në cilësimet bosh, në mënyrë që të çaktivizoni futjen automatike dhe përdorni kodin php për të futur bllokun në vendin e duhur në shabllon (zakonisht diku në komentet.php skedar):

Ky kod do të nxjerrë bllokun e emoji.

Etiketat e përjashtimit HTML

Në këtë cilësim, ju mund të specifikoni etiketat HTML, teksti në të cilin nuk do të përpunohet nga shtojca. Për shembull, nëse specifikoni kodin atje, atëherë kodi i mëposhtëm nuk do të përpunohet nga shtojca:

buzeqesh :) .

Etiketat duhet të ndahen me presje.

Emërtime të veçanta të emoticoneve (emoticona përjashtimi)

Si parazgjedhje, emoticonat përcaktohen në tekst me kod (:smiley_file_name:) , por ka përjashtime. Për shembull, një smiley shënohet si:-) ose:) ose =) , dhe kodi i tij vendas është (:smile:) . Si parazgjedhje, ka 3 përjashtime të tilla: :) :(:D . Një kufizim i tillë është për shkak të një optimizimi të vogël... Përjashtime të tilla mund të konfigurohen në shtojcë.

Redaktimi i pamjes

Nëse nuk jeni të kënaqur me mënyrën se si duket lista e emoticoneve, atëherë mund ta modifikoni, me kusht që të dini css, për këtë ju duhet të ndryshoni rregullat CSS në fushën "Stilet CSS". Për të parandaluar që stilet të ruhen në cilësimet, mund t'i kopjoni stilet në skedarin tuaj të stilit, duke i fshirë ato nga cilësimet.

Instalimi i grupit tuaj të emocioneve

Nëse nuk e shihni emoji-n që dëshironi në blogun tuaj, mos u shqetësoni. Ju lehtë mund të shtoni/zëvendësoni emoticon me tuajin.

Për të plotësuar listën, gjithçka që duhet të bëni është të krijoni një dosje kama-wp-smile-packs pranë dosjes së shtojcave dhe të shtoni grupin tuaj të fotografive të buzëqeshjeve në të. Ato. në fund, duhet të përfundoni me një dosje me foto të buzëqeshura: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . Pas krijimit të një dosjeje të tillë, duhet të shkoni te cilësimet dhe të zgjidhni paketën e re të emoticonit që shfaqet.

Teksti i hyrjes do të përdorë konstruksionin (:file_name:) . Për shembull, nëse shtoni një imazh emotion.gif në tekst, kjo buzëqeshje do të futet si (:emotion:) .

Në emrat e skedarëve lejohen vetëm shkronjat e vogla latine. shkronjat a-z, numrat 0-9 , shenjat - dhe _ . Nëse skedari ka disa karaktere të tjera, atëherë nuk do të funksionojë.

Filtrim - heqja e kodit të emoji nga teksti

Nëse keni nevojë të filtroni tekstin diku (mos tregoni kodin e emoticons), atëherë aplikoni filtrin e mëposhtëm:

$text = "Teksti testues (:mirë:)"; $text = preg_replace("/$:(0,15):$/", "", $text); jehonë $text; // kthim: Teksti testues

Si të futni shtojcën në fusha të tjera si BbPress, Quick Chat

Shtojca e paracaktuar funksionon vetëm për komente dhe postime. Nëse duhet ta "vidhosni" diku tjetër, atëherë funksionet e mëposhtme dhe pak njohuri për css do të jenë të dobishme:

kws_get_smiles_html($textarea_id) - Shfaq një bllok buzëqeshjesh për një zonë teksti
kws_convert_smiles ($content) - përpunoni përmbajtjen dalëse për të kthyer kodet e buzëqeshjeve në fotografi

Në rast të problemeve të papritura, defekteve, gabimeve dhe "çfarë tjetër" ose nëse thjesht dëshironi të shkruani diçka të tillë - shkruani në komente

Emoticons janë një shprehje e ndjenjave dhe emocioneve në internet. Ju mund ta bëni blogun tuaj më argëtues duke shtuar emoticonë të animuar. Në përgjithësi, ekzistojnë lloje dhe lloje të ndryshme emoticonësh. Nëse primitiviteti i emoticoneve të WordPress nuk ju përshtatet, atëherë sot keni mundësinë të bëheni pronar i fytyrave të reja të këndshme.

kështu duket emoji standard i WordPress

Për të ndryshuar emoticonet e parazgjedhur të WordPress në diçka më origjinale, shkoni në rrënjën e blogut tuaj dhe lundroni te /wp-includes/images/smilies/. Ngarkoni emoticon të rinj në dosjen e buzëqeshjeve, ato që ju pëlqejnë më shumë, por mbani mend
emrat e emoticoneve të reja duhet të përputhen me emrat e atyre standardeve.

Këtu ju jap emoticon të gatshëm në të cilat emri nuk ka nevojë të ndryshohet, thjesht plotësoni atë në dosjen e smileies dhe kaq.

Koloboks mini

Koloboks

Skema për shtimin e emoticons në WordPress

Ju mund të shtoni emoticon direkt në postimet e blogut duke përdorur shenjat e pikësimit - (O8)-:|D; dhe etj.
Këtu është një diagram i emoticonave të pikësimit.

Tani le të zgjidhim një pyetje tjetër, si të shtoni emoticon në komente mbi fushën e tekstit?

Si të shtoni emoticon në komente.

Nëse keni WordPress nën 3.0, atëherë në temën e shabllonit gjeni skedarin comments.php, nëse keni WordPress 3.0 e lart, atëherë bëni shtegun e mëposhtëm te skedari comments.php në rrënjën e faqes.

emri juaj i blogut\wp-includes\theme-compat\ komente.php

Gjeni kodin e mëposhtëm në skedarin comments.php:

shtoni këtë kod sipër tij:

";)) jehonë"

".$dm_showsmiles."

"; ?>

Kështu do të duket:

$dm_smile) (nëse (!in_array($dm_smile,$dm_smiled)) ( $dm_smiled = $dm_smile; $tag = str_replace(" ", "", $tag); $dm_showsmiles .= " ";)) jehonë"

".$dm_showsmiles."

"; ?>

Kjo eshte e gjitha. Ne zëvendësuam emoticonet standarde me tonat dhe shtuam një seri fytyrash mbi fushën e tekstit në komente, ja sa të mirë jemi.

Përshëndetje miq! Ka kaluar një kohë e gjatë që kur kam postuar artikuj të rinj rreth WordPress. Fakti është se blogu im tashmë është krijuar mirë - shtojcat kryesore janë instaluar dhe konfiguruar, diçka është bërë diku thjesht në kod, dhe nuk ka nevojë të ndryshoni ose shtoni një të re. Mbetet vetëm për të përfunduar disa gjëra të vogla, kryesisht të lidhura me pamjen e blogut. Një nga ato gjëra të vogla... emoticons wordpress. Për këtë do të flasim sot.

Emoticons në WordPress janë atje si parazgjedhje, por shumë nuk dinë as për to, sepse ato ende duhet të aktivizohen në cilësimet. Shkoni te seksioni "Opsionet" - "Shkrimi" dhe aktivizoni opsionin:

Një listë e plotë e të gjitha emoticoneve të disponueshme nuk është e listuar në cilësimet, por mund të gjendet në kodin e WordPress. Ja ku eshte:

Thjesht përdorni simbolet e treguara në tabelë kur shkruani një artikull. Pas publikimit të postimit, ato do të zëvendësohen automatikisht me foton përkatëse. Dorë në zemër, ia vlen të thuhet se cilikët nuk janë shumë të bukur. Megjithatë, unë jam mësuar me koloboks të animuar që përdoren në Qip dhe që gjenden kaq shpesh në të gjitha llojet e forumeve.

Ju mund t'i ndryshoni emoticonet me dorë, pasi është e lehtë.

me emoticon të rinj në kompjuterin tuaj dhe shpaketoni atë.
Të gjitha ikonat janë të vendosura në server në drejtorinë /wp-includes/images/smilies. Ne duhet të zëvendësojmë manualisht skedarët standardë me të rinj. WP nuk i intereson cili imazh të shfaqë.

Nëse ju duhet të shtoni një emoticon të ri, i cili nuk ka analog në WP, atëherë duhet ta regjistroni atë në skedarin /wp-includes/functions.php. Si parazgjedhje, mund të shihni kodin e mëposhtëm në të:

funksioni smillies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // mos u shqetësoni të vendosni buzëqeshje nëse ato janë të çaktivizuara if (! get_option("use_smilies")) return; if ( ! isset ( $wpsmiliestrans ) ) ( $wpsmiliestrans = grup ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted .gif" , ... ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ;)

Thjesht shtoni një rresht të ri në të cilin specifikoni karakteret kryesore dhe ikonën e tyre përkatëse. Për të fshirë një smiley, fshini rreshtin që i referohet dhe fshini ikonën nga dosja.

Si të shtoni emoticon në komentet e WordPress me dorë

Për të qenë në gjendje të zgjidhni emoji në komentet e WordPress, modifikoni shabllonin comments.php nga tema juaj WP dhe përpara kodit (në varësi të temës, mund të ndryshojë pak):

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

ngjitni skenarin:

jehonë "

" . $dm_showsmiles . "

" ; ?>

Ne vazhdojmë të dekorojmë faqen tuaj. Dhe këtë herë objekt i vëmendjes sonë është shtojca për instalimin e emoticons në blog WP Monalisa. Meqë ra fjala, a e dini pse nevojiten? Çfarë pyetje budallaqe? Sigurisht, ato janë të nevojshme në mënyrë që vizitorët e faqes dhe komentuesit e zjarrtë të shprehin qartë emocionet e tyre jo vetëm me fjalë, por edhe me foto qesharake, të trishtuara ose të zemëruara. Kjo eshte. Epo, le të fillojmë instalimin e kësaj shtojce të mrekullueshme.

Instalohet në mënyrën e zakonshme përmes tastierës. Konsola -> Shtojcat -> Shto të re dhe në diskun e kërkimit WP Monalisa. Shfaqet një shtojcë e vetme, instalojeni dhe më pas aktivizojeni.

Cilësimet e tij u shfaqën në menunë e konsolës, vazhdo. Le të fillojmë me cilësimet e shtojcave WP-Monalisa.

Ikonpatështë rruga drejt buzëqeshjeve në faqen tuaj. Siç mund ta shihni, parazgjedhja është wp-content/plugins/wp-monalisa/ikona Ju mund të ngarkoni fotot tuaja në të njëjtën rrugë.
Shfaq buzëqeshjet në modifikim- ky artikull është përgjegjës për shfaqjen e emocioneve në redaktorin e postimit. Kjo do të thotë, ju mund të futni të gjitha emoticonet në postimet tuaja.
Shfaq emoticon në koment- dhe kjo është për të lejuar vizitorët tuaj të fusin emoji në komentet e tyre.
Zëvendësoni emoticonet me imazhe html- zgjidhni mënyrën për të shfaqur emoticons. Nëse e lini artikullin të aktivizuar, atëherë kur futni një imazh në një koment, do të shfaqet një kod i gjatë. Kështu që është më mirë ta fikni.
Trego buzëqeshjet në një tryezë- duke zgjedhur këtë kuti, mund t'i bëni smilies në përzgjedhje të shfaqen në një tabelë vertikale, duke iu përshtatur dizajnit të faqes tuaj.
Shfaq buzëqeshjet si Pulldown– emoticonat do të paraqiten si një listë rënëse.
Shfaq këshillën e veglave për ikonat- ky artikull do të tregojë sugjerime për emoticon, të cilat emocion do të thotë emoticon.

Nën cilësimet, mund të eksperimentoni me emoticon. Ka shumë prej tyre, dhe ju gjithashtu keni mundësinë të fshini, zëvendësoni, ndërroni ose ngarkoni emoticon tuaj. Për të instaluar asamblenë tuaj, duhet ta gjeni dhe ta shkarkoni ose madje ta vizatoni vetë, dhe më pas ta ngarkoni në hostin tuaj përgjatë kësaj rruge yoursite.ru/wp-content/plugins/wp-monalisa/icons Një shtojcë kaq e dobishme!

Përshëndetje! Unë jam përsëri me ju, autori i blogut të Webmaster-it Falas dhe sot do të flasim emoticons në wordpress. Emoticons kanë fituar prej kohësh popullaritetin e tyre. Kjo është një mënyrë e shkëlqyer për të shprehur emocionet tuaja dhe ndonjëherë mjafton vetëm një emoji për të shprehur ndjenjat tuaja.

Për të qenë i sinqertë, nuk më bënë shumë përshtypje emoticonet standarde të WordPress. Pamja e tyre m'u duk primitive, shumë e lashtë, dhe për këtë arsye vendosa t'i ndryshoj me të tjerët.

Emoticon standard të wordpress

Këtu mund të shkoni në dy mënyra.

E para është të instaloni një shtojcë që do të zëvendësojë automatikisht emoticonët standardë me të tjerë. Por shumë shtojca aktive do të ngadalësojnë blogun, do të rrisin ngarkesën në server. Për më tepër, shtojcat shpesh shtojnë tabelat e tyre në bazën e të dhënave MySQL dhe kur fshihen, ata jo gjithmonë e pastrojnë këtë bazë të dhënash pas vetes dhe duhet ta bëjnë këtë përmes panelit phpMyAdmin.
Mënyra e dytë do të shmangë telashe të tilla, përveç kësaj, do t'ju lejojë të kuptoni më mirë se si funksionon WordPress. Ai nënkupton redaktim manual.

Prandaj, ne do të shkojmë në rrugën e dytë. Smilies të paracaktuar janë të vendosura në dosjen /wp-includes/images/smilies/ në rrënjë të blogut tuaj. Për t'i ndryshuar ato, ju vetëm duhet të mbishkruani të vjetrat me ato të reja. Mund të merrni absolutisht çdo emoticon, t'i riemërtoni në mënyrë që emrat e skedarëve të përputhen me ato standarde dhe t'i ngarkoni përsëri në të njëjtën dosje. Unë postoj grupet e emoticoneve që kam tashmë:

Ju nuk keni nevojë të riemërtoni asgjë, mbetet vetëm të zëvendësoni ato standarde me këto dhe keni mbaruar. Kjo çështje është trajtuar.

Pyetja tjetër: si të shtoni emoticon mbi fushën e tekstit të formularit të komentit? Gjithçka është shumë e thjeshtë edhe këtu! Për ta bërë këtë, në skedarin comments.php të temës suaj, përpara etiketës hapëse , për mua duket kështu:</p> <<span>textarea name="koment" id="koment" rows="10" cols="1" ></span></<span>textarea ></span> <p>ngjit kodin e mëposhtëm:</p> <<span>skript></span> <span>funksioni addsmile ($smile)</span></<span>skript></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-includes/images/smilies/"</span>.$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; ) ) jehonë <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Kjo eshte e gjitha! Me këto veprime arritëm të zëvendësojmë emoticonet standarde të wordpress-it me ato më tërheqëse dhe moderne, si dhe t'i shtojmë mbi fushën e tekstit të formularit të komentit. Dhe e gjithë kjo pa përdorur asnjë shtojcë.</p> <h2>Emoticons për WordPress 4.2 dhe më lart, si të çaktivizoni emoji</h2> <p>Duke filluar me versionin 4.2 dhe më të lartë, zhvilluesit kanë implementuar një bibliotekë të re Twemoji në thelbin e WordPress - një grup karakteresh Unicode që konvertohen në Emoji kur gjenerojnë një faqe. Nëse shfletuesi nuk mbështet emoji, atëherë simbolet zëvendësohen automatikisht me imazhe grafike të ngarkuara nga 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>edhe shfletuesit modernë nuk mbështesin gjithmonë emoji;</li> <li>imazhet kanë përmasa të vërteta 72x72px dhe shkallëzohen pas ngarkimit, duke rritur kohën e paraqitjes së faqes;</li> <li>në seksion <head>skriptet inline dhe stilet ngarkohen që nuk vendosen në skedarë të veçantë.</li> </ul><p>Për më tepër, të gjithë artikujt dhe komentet në blog fituan një pamje krejtësisht të ndryshme, e cila nuk më përshtatej. Unë propozoj të përdorni një zgjidhje që ju lejon të ktheni emoticonët e vjetër në vendet e tyre. Ai përmban një pjesë të funksionalitetit të shtojcës Classic Smilies, si dhe zhvillimet e veta.</p> <p>Për të filluar, në drejtorinë me emrin e temës së blogut, duhet të krijoni një dosje të quajtur smillies dhe të shpaketoni imazhet e emoticons në të (lidhjet e shkarkimit janë dhënë më lart). Më pas ndiqni udhëzimet për versionet e mëparshme të WordPress, duke shtuar një kod paksa të modifikuar në komentet.php të temës:</p> <<span>skript></span> <span>funksioni addsmile ($smile)</span>( dokument .getElementById("koment" ).value=document .getElementById("koment" ).value+" " +$smile+" " ; )</span></<span>skript></span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag =>$dm_smile) ( nëse (!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>";)) jehonë <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Shtoni kodin e mëposhtëm në skedarin functions.php:</p> <span>// Vendos një vendndodhje të re të paracaktuar të imazhit</span> <span>funksioni classic_smilies_src ($old, $img)</span>( $mythemes = get_template(); kthe faqen_url( <span>"/wp-content/themes/$mythemes/smilies/($img)"</span>, __FILE__ ); ) <span>// Ktheni hartën e karakterit në skedar</span> add_action("init" , "classic_smilies_init" , 1 ); <span>funksioni classic_smilies_init()</span>( global $wpsmiliestrans; $wpsmiliestrans = grup (":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>// Çaktivizo ngarkimin e skripteve dhe stileve të emoji-ve</span> remove_action("wp_head" , , 7 ); remove_action("admin_print_scripts" , <span>"print_emoji_detection_script"</span>); remove_action("wp_print_styles", "print_emoji_styles"); remove_action("admin_print_styles" , "print_emoji_styles"); remove_filter("the_content_feed" , "wp_staticize_emoji" ); remove_filter("comment_text_rss", "wp_staticize_emoji"); remove_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("the_excerpt" , <span>"classic_smilies_rm_additional_styles"</span>, njëmbëdhjetë ); add_filter("text_komenti" , <span>"classic_smilies_rm_additional_styles"</span>, 21 ); } <span>// Çaktivizo Emoji në redaktuesin vizual të TinyMCE</span> <span>funksionin <span>classic_smilies_rm_tinymce_emoji</span>($plugins)</span>( ktheje array_diff ($plugins, array ("wpemoji" )); ) <span>// Hiq madhësitë e buzëqeshjeve 1em (të rejat janë caktuar për klasën .wp-smiley)</span> <span>funksionin <span>klasik_smilies_rm_stilet_shtesë</span>($përmbajtje)</span>(kthimi str_replace( <span>"class="wp-smiley" style="lartësia: 1em; Lartësia maksimale: 1em;"</span>, "class="wp-smiley"" , $content); ) <p>Tani nuk keni nevojë t'i zëvendësoni fotografitë me të reja çdo herë më pas, pasi ato ndodhen në një dosje tjetër dhe përditësimi nuk ndikon në to.</p> <p>Kështu, ne çaktivizuam ngarkimin dhe shfaqjen e Emoji, duke i zëvendësuar ato me emoticonët tanë që përdornim më parë. Paç fat!</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">ARTIKUJ TË LIDHUR</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>E dobishme</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Reklamim</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>I ri</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/sq/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="Regjistrohu për lajmet G konkurrentët iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Regjistrohu për lajmet G konkurrentët iPhone" rel="bookmark">Regjistrohu për lajmet G konkurrentët iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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 për shfletuesit në Android dhe PC: Shkarkoni dhe aktivizoni Browsec VPN për Google Chrome - instalimi dhe konfigurimi" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN për shfletuesit në Android dhe PC: Shkarkoni dhe aktivizoni Browsec VPN për Google Chrome - instalimi dhe konfigurimi" rel="bookmark">VPN për shfletuesit në Android dhe PC: Shkarkoni dhe aktivizoni Browsec VPN për Google Chrome - instalimi dhe konfigurimi</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Rivendos shkurtoret e desktopit" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Rivendos shkurtoret e desktopit" rel="bookmark">Rivendos shkurtoret e desktopit</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Si të gjeni një person në Instagram pa u regjistruar Shikimi i një llogarie në Instagram pa u regjistruar" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Si të gjeni një person në Instagram pa u regjistruar Shikimi i një llogarie në Instagram pa u regjistruar" rel="bookmark">Si të gjeni një person në Instagram pa u regjistruar Shikimi i një llogarie në Instagram pa u regjistruar</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Qasni burimet e bllokuara në Google Chrome duke përdorur shtesën falas friGate Frigate për ueb-in e hapur të firefox" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Qasni burimet e bllokuara në Google Chrome duke përdorur shtesën falas friGate Frigate për ueb-in e hapur të firefox" rel="bookmark">Qasni burimet e bllokuara në Google Chrome duke përdorur shtesën falas friGate Frigate për ueb-in e hapur të firefox</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Rishikimi i MiniX Neo X7: Mikrokompjuterë të fuqishëm Android Mini PC Android" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="Rishikimi i MiniX Neo X7: Mikrokompjuterë të fuqishëm Android Mini PC Android" rel="bookmark">Rishikimi i MiniX Neo X7: Mikrokompjuterë të fuqishëm Android Mini PC Android</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="A është e mundur të rikthehet ios 8.4 1. Si të rikthehet versioni IOS në iPhone, iPad. Ruajtja e të dhënave të rëndësishme" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="A është e mundur të rikthehet ios 8.4 1. Si të rikthehet versioni IOS në iPhone, iPad. Ruajtja e të dhënave të rëndësishme" rel="bookmark">A është e mundur të rikthehet ios 8.4 1. Si të rikthehet versioni IOS në iPhone, iPad. Ruajtja e të dhënave të rëndësishme</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Vetëm më e dobishme dhe interesante!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Vetëm më e dobishme dhe interesante!" rel="bookmark">Vetëm më e dobishme dhe interesante!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/sq/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="Sistemi i thjeshtë i komentimit duke përdorur AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/sq/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Sistemi i thjeshtë i komentimit duke përdorur AJAX" rel="bookmark">Sistemi i thjeshtë i komentimit duke përdorur 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/sq/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Këshilla kompjuterike për përdoruesit fillestarë" title="Këshilla kompjuterike për përdoruesit fillestarë" / 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>© Këshilla kompjuterike për fillestarët, 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/sq/feedback.html">Feedback</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/sq/sitemap.xml">Harta e faqes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Rreth sajtit</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>