Wordpress emotikoni. Novi WordPress emojiji - sa i bez dodatka. Mogući problemi i kvarovi

Zdravo opet!

Ne sjećam se tačno šta me je navelo da instaliram emotikone na ovu stranicu. Čini se da mi je prijatelj dogovorio da raščlanim emotikone u QIP infium messenger-u, koji koristim više od godinu dana, i došao sam u iskušenje da ovdje priložim emotikone.

Nakon što sam malo tražio odgovarajući dodatak za WordPress, naišao sam na ovaj, odlučio da ga koristim, ali tu nije išlo - htio sam drugačiji izlaz i htio sam pojednostaviti provjeru zamjene znakova emotikonima. Takođe, nije mi trebalo toliko emotikona. Naravno, sve svoje želje mogao sam ostvariti uređujući pomenuti plugin, ali nekako, gotovo slučajno, počeo sam pisati vlastiti kod, koji se na kraju pretvorio u dodatak, koji se čini prilično uspješan

O emoji dodatku za WordPress

Šta plugin radi:

zamjenjuje zadane WordPress emotikone sa emotikonima iz QIP-a.
dodaje listu emotikona u polje za komentare. Koji emotikoni će biti uključeni na listu je navedeno u postavkama.
dodaje emotikone na admin panel, gdje ih možete lako umetnuti kada odgovarate na komentare ili pišete objavu.
olakšava pronalaženje i zamjenu kodova emotikona u tekstu.

Postavke za Kama WP Smiles

Reći ću vam malo o postavkama

Ručno umetanje bloka emotikona u formu za komentare

Dodatak automatski dodaje emotikone u formular za komentare (područje teksta). Međutim, može se ispostaviti da dodatak neće moći normalno ugraditi listu. U tom slučaju možete ručno umetnuti blok emotikona bilo gdje u predlošku. Da biste to uradili, ostavite polje "Auto-ubaci emotikone" u postavkama prazno, tako da isključite automatsko umetanje, a php kodom ubacite blok na pravo mesto u šablonu (obično negde u comments.php fajl):

Ovaj kod će prikazati blok emotikona.

HTML oznake za izuzimanje

U ovoj postavci možete odrediti HTML oznake, tekst u kojima dodatak neće obraditi. Na primjer, ako tamo navedete kod, dodatak neće obraditi sljedeći kod:

osmijeh :) .

Oznake moraju biti odvojene zarezima.

Posebne oznake emotikona (emotikoni isključenja)

Po defaultu, emotikoni su definirani u tekstu kodom (:smiley_file_name:) , ali postoje izuzeci. Na primjer, smajlić je označen kao:-) ili:) ili =) , a njegov izvorni kod je (:smile:) . Po defaultu postoje 3 takva izuzetka: :) :(:D . Takvo ograničenje je zbog male optimizacije... Takvi izuzeci se mogu konfigurirati u dodatku.

Uređivanje izgleda

Ako niste zadovoljni kako izgleda lista emotikona, onda je možete urediti, pod uslovom da poznajete css, za to morate promijeniti CSS pravila u polju "CSS stilovi". Da biste spriječili da se stilovi pohranjuju u postavkama, možete kopirati stilove u svoju datoteku stilova, a istovremeno ih izbrisati iz postavki.

Instaliranje vašeg seta emotikona

Ako ne vidite emoji koji želite na svom blogu, ne brinite. Možete jednostavno dodati/zamijeniti emotikone svojim.

Da biste kompletirali listu, sve što treba da uradite je da kreirate fasciklu kama-wp-smile-packs pored fascikle dodataka i dodate svoj set smajlija u nju. One. na kraju bi trebalo da dobijete fasciklu sa smajli slikama: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . Nakon kreiranja takve mape, potrebno je otići u postavke i odabrati novi paket emotikona koji se pojavi.

Tekst unosa će koristiti konstrukciju (:file_name:) . Na primjer, ako dodate sliku emotion.gif u tekst, ovaj smajli će biti umetnut kao (:emotion:) .

U nazivima datoteka dozvoljena su samo mala latinična slova. slova a-z, brojevi 0-9 , znaci - i _ . Ako datoteka ima neke druge znakove, onda neće raditi.

Filtriranje - uklanjanje emoji koda iz teksta

Ako negdje trebate filtrirati tekst (ne prikazujte kod emotikona), primijenite sljedeći filter:

$text = "Probni tekst (:good:)"; $text = preg_replace("/$:(0,15):$/", "", $text); echo $text; // povratak: Testni tekst

Kako ugraditi dodatak u druga polja kao što su BbPress, Quick Chat

Zadani dodatak radi samo za komentare i objave. Ako ga trebate "zajebati" negdje drugdje, onda će vam sljedeće funkcije i malo znanja o css-u dobro doći:

kws_get_smiles_html($textarea_id) - Prikazuje blok smajlija za tekstualno područje
kws_convert_smiles($content) - obradi izlazni sadržaj za pretvaranje smajlija kodova u slike

U slučaju iznenadnih problema, kvarova, grešaka i "šta drugo" ili ako samo želite da napišete nešto ovako - pišite u komentarima

Emotikoni su izraz osjećaja i emocija na internetu. Svoj blog možete učiniti zabavnijim dodavanjem animiranih emotikona. Općenito, postoje različite vrste i vrste emotikona. Ako vam primitivnost WordPress emotikona ne odgovara, danas imate priliku postati vlasnik novih ugodnih lica.

ovako izgleda standardni WordPress emoji

Da promijenite zadane WordPress emotikone u nešto originalnije, idite na korijen svog bloga i idite na /wp-includes/images/smilies/. Otpremite nove emotikone u fasciklu smajlića, one koje vam se najviše sviđaju, ali zapamtite
nazivi novih emotikona moraju odgovarati nazivima standardnih.

Evo, dajem vam gotove emotikone kod kojih naziv ne treba menjati, samo ga popunite u fasciklu smajlića i to je to.

Koloboks mini

Koloboks

Šema za dodavanje emotikona u WordPress

Možete dodati emotikone direktno na blog postove koristeći interpunkciju - (O8)-:|D; i sl.
Evo dijagrama interpunkcijskih emotikona.

A sada da riješimo još jedno pitanje, kako dodati emotikone komentarima iznad polja za tekst?

Kako dodati emotikone u komentare.

Ako imate WordPress ispod 3.0, onda u temi šablona pronađite datoteku comments.php, ako imate WordPress 3.0 i noviju, onda napravite sljedeću putanju do comments.php datoteke u korijenu stranice.

naziv vašeg bloga\wp-includes\theme-compat\ comments.php

Pronađite sljedeći kod u datoteci comments.php:

dodajte ovaj kod iznad njega:

"; ) ) echo "

".$dm_showsmiles."

"; ?>

Ovako će to izgledati:

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

".$dm_showsmiles."

"; ?>

To je sve. Standardne emotikone zamenili smo našima, i dodali niz lica iznad tekstualnog polja u komentarima, eto koliko smo dobri.

Zdravo, prijatelji! Prošlo je dosta vremena otkako sam objavljivao nove članke o WordPressu. Činjenica je da je moj blog već dobro uhodan - glavni dodaci su instalirani i konfigurisani, nešto je urađeno negdje čisto na kodu i nema potrebe mijenjati ili dodavati novi. Ostaje samo da završimo neke sitnice, uglavnom vezane za izgled bloga. Jedna od onih malih stvari... emotikoni wordpress. To je ono o čemu ćemo danas razgovarati.

Emotikoni u WordPress-u su podrazumevano tu, ali mnogi ni ne znaju za njih, jer ih ipak treba omogućiti u postavkama. Idite na odjeljak "Opcije" - "Pisanje" i omogućite opciju:

Kompletna lista svih dostupnih emotikona nije navedena u postavkama, ali se može naći u WordPress kodeksu. Evo ga:

Samo koristite simbole navedene u tabeli kada pišete članak. Nakon objave objave, oni će automatski biti zamijenjeni odgovarajućom slikom. Ruku na srce, valja reći da Cilici nisu baš lijepi. Ipak, navikao sam na animirane koloboke koji se koriste u Qip-u i koji se često nalaze na svim vrstama foruma.

Emotikone možete mijenjati ručno, jer je to jednostavno.

sa novim emotikonima na računar i raspakujte ga.
Sve ikone se nalaze na serveru u /wp-includes/images/smilies direktorijumu. Standardne datoteke moramo ručno zamijeniti novim. WP-u nije važno koju će sliku prikazati.

Ako treba da dodate novi emotikon, koji nema analoga u WP-u, onda ga i dalje morate registrovati u /wp-includes/functions.php datoteci. Po defaultu, možete vidjeti sljedeći kod u njemu:

funkcija smillies_init() (globalni $wpsmiliestrans, $wp_smiliessearch; // nemojte se truditi da postavljate smajlije ako su onemogućeni if ( ! get_option( "use_smilies" ) ) return ; if ( ! isset ( $wpsmiliestrans ) ) ( $wpsmiliestrans = array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted .gif" , ... ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ; )

Samo dodajte novi red u kojem navedete ključne znakove i njihovu odgovarajuću ikonu. Da biste izbrisali smajlija, izbrišite liniju koja se odnosi na njega i izbrišite ikonu iz fascikle.

Kako ručno dodati emotikone u WordPress komentare

Da biste mogli odabrati emoji sličice u WordPress komentarima, uredite predložak comments.php iz vaše WP teme i prije koda (u zavisnosti od teme, može se malo razlikovati):

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

zalijepite skriptu:

echo "

" . $dm_showsmiles . "

" ; ?>

Nastavljamo sa ukrašavanjem Vaše stranice. I ovoga puta predmet naše pažnje je dodatak za instaliranje emotikona na blog WP Monalisa. Usput, znate li zašto su oni potrebni? Kakvo glupo pitanje? Naravno, oni su potrebni kako bi posjetitelji stranice i strastveni komentatori jasno izrazili svoje emocije ne samo riječima, već i smiješnim, tužnim ili ljutitim slikama. To je to. Pa, počnimo s instaliranjem ovog divnog dodatka.

Instalira se na uobičajen način preko konzole. Konzola -> Dodaci -> Dodaj novo i u pogonu za pretragu WP Monalisa. Pojavljuje se jedan dodatak, instalirajte ga, a zatim ga aktivirajte.

Njegove postavke su se pojavile u meniju konzole, samo naprijed. Počnimo s postavkama dodatka za WP-Monalisa.

Iconpath je put do smajlića na vašoj stranici. Kao što vidite, podrazumevano je wp-content/plugins/wp-monalisa/icons Svoje slike možete uploadati na istom putu.
Prikaži osmehe pri uređivanju- ova stavka je odgovorna za prikazivanje emotikona u uređivaču postova. Odnosno, možete umetnuti sve emotikone u svoje postove.
Prikaži emotikone na komentaru- a ovo je da omogućite vašim posjetiteljima da umetnu emotikone u svoje komentare.
Zamijenite emotikone sa html slikama- odaberite način prikaza emotikona. Ako ostavite stavku omogućenu, onda kada umetnete sliku u komentar, prikazat će se dugačak kod. Zato je bolje da ga isključite.
Prikaži osmehe u tabeli- označavanjem ovog okvira možete učiniti da se smajlići u izboru pojavljuju u vertikalnoj tabeli, prilagođavajući se dizajnu vaše stranice.
Prikaži osmehe kao Pulldown– emotikoni će biti predstavljeni kao padajuća lista.
Prikaži opis alata za ikone- ova stavka će prikazati savjete za emotikone, koju emociju emotikon znači.

U postavkama možete eksperimentirati sa emotikonima. Ima ih puno, a imate i mogućnost da obrišete, zamijenite, zamijenite ili učitate svoj emotikon. Da biste instalirali svoj sklop, morate ga pronaći i preuzeti ili čak sami nacrtati, a zatim ga otpremiti na svoj hosting na ovom putu yoursite.ru/wp-content/plugins/wp-monalisa/icons Tako koristan dodatak!

Zdravo! Opet sam s vama, autor Free Webmaster's Bloga i danas ćemo razgovarati o tome emotikoni na wordpress. Emotikoni su odavno stekli svoju popularnost. Ovo je odličan način da izrazite svoje emocije, a ponekad je dovoljan samo jedan emotikon da izrazite svoja osjećanja.

Da budem iskren, nisam bio baš impresioniran standardnim WordPress emotikonima. Njihov izgled mi se činio primitivnim, prestarim, pa sam odlučio da ih promijenim u druge.

Standardni wordpress emotikoni

Ovdje možete ići na dva načina.

Prvi je da instalirate dodatak koji će automatski zamijeniti standardne emotikone drugim. Ali previše aktivnih dodataka će usporiti blog, povećati opterećenje servera. Pored toga, dodaci često dodaju svoje tabele u MySQL bazu podataka, a kada se izbrišu, ne čiste uvek ovu bazu podataka za sobom i moraju to preko phpMyAdmin panela.
Drugi način će izbjeći takve probleme, osim toga, omogućit će vam bolje razumijevanje kako WordPress funkcionira. To podrazumijeva ručno uređivanje.

Stoga ćemo ići drugim putem. Zadani smajlići se nalaze u folderu /wp-includes/images/smilies/ u korijenu vašeg bloga. Da biste ih promijenili, samo trebate prepisati stare novima. Možete uzeti apsolutno sve emotikone, preimenovati ih tako da nazivi datoteka odgovaraju standardnim i učitati ih natrag u isti folder. Objavljujem setove emotikona koje već imam:

Ne morate ništa preimenovati, ostaje samo da zamijenite standardne sa ovima i gotovi ste. Ovo pitanje je riješeno.

Sljedeće pitanje: kako dodati emotikone iznad tekstualnog polja obrasca za komentar? I ovdje je sve vrlo jednostavno! Da biste to učinili, u datoteci comments.php vaše teme, prije početne oznake , za mene to izgleda ovako:</p> <<span>textarea name="komentar" id="komentar" rows="10" cols="1" ></span></<span>textarea ></span> <p>zalijepite sljedeći kod:</p> <<span>skripta></span> <span>funkcija addsmile ($smile)</span></<span>skripta></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/smajlies/"</span>.$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; ) ) echo <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>To je sve! Ovim akcijama uspjeli smo zamijeniti standardne wordpress emotikone atraktivnijim i modernijim, kao i dodati ih iznad tekstualnog polja obrasca za komentar. I sve to bez korištenja dodataka.</p> <h2>Emotikoni za WordPress 4.2 i novije verzije, kako onemogućiti emotikone</h2> <p>Počevši od verzije 4.2 i novije, programeri su implementirali novu Twemoji biblioteku u jezgro WordPress-a - skup Unicode znakova koji se pretvaraju u Emoji kada se generira stranica. Ako pretraživač ne podržava emotikone, simboli se automatski zamjenjuju grafičkim slikama učitanim iz CDN-a.</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>čak ni moderni pretraživači ne podržavaju uvek emoji;</li> <li>slike imaju prave dimenzije od 72x72px i skaliraju se nakon učitavanja, povećavajući vrijeme prikazivanja stranice;</li> <li>u sekciji <head>učitavaju se inline skripte i stilovi koji nisu smješteni u zasebne datoteke.</li> </ul><p>Osim toga, svi članci i komentari na blogu su dobili potpuno drugačiji izgled, što mi nije odgovaralo. Predlažem korištenje rješenja koje vam omogućava da vratite stare emotikone na njihova mjesta. Sadrži dio funkcionalnosti dodatka Classic Smilies, kao i vlastiti razvoj.</p> <p>Za početak, u direktoriju s nazivom teme bloga, trebate kreirati mapu pod nazivom smilies i u nju raspakovati slike emotikona (linkovi za preuzimanje su dati iznad). Zatim slijedite upute za starije verzije WordPress-a, dodajući malo izmijenjeni kod u comments.php teme:</p> <<span>skripta></span> <span>funkcija addsmile ($smile)</span>( document .getElementById("comment" ).value=document .getElementById("comment" ).value+" " +$smile+" " ; )</span></<span>skripta></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>" ; ) ) eho <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Dodajte sljedeći kod u datoteku functions.php:</p> <span>// Postavite novu zadanu lokaciju slike</span> <span>funkcija classic_smilies_src($old, $img)</span>( $mythemes = get_template(); return site_url( <span>"/wp-content/themes/$mythemes/smajlići/($img)"</span>, __FILE__ ); ) <span>// Vraća mapiranje karaktera u datoteku</span> add_action("init" , "classic_smilies_init" , 1); <span>funkcija classic_smilies_init()</span>( globalni $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>// Onemogući učitavanje skripti i stilova emotikona</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>, jedanaest ); add_filter("comment_text" , <span>"classic_smilies_rm_additional_styles"</span>, 21 ); } <span>// Onemogući Emoji u vizualnom uređivaču TinyMCE</span> <span>funkcija <span>classic_smilies_rm_tinymce_emoji</span>($plugins)</span>( vrati array_diff($plugins, array("wpemoji" )); ) <span>// Ukloni 1em veličine smajlija (nove su postavljene za klasu .wp-smiley)</span> <span>funkcija <span>classic_smilies_rm_additional_styles</span>($content)</span>( vrati str_replace( <span>"class="wp-smiley" style="visina: 1em; maks. visina: 1em;""</span>, "class="wp-smiley"" , $content); ) <p>Sada ne morate svaki put naknadno mijenjati slike novima, jer se nalaze u drugom folderu i ažuriranje ne utiče na njih.</p> <p>Stoga smo onemogućili učitavanje i prikaz emotikona, zamijenivši ih našim emotikonima koje smo ranije koristili. Sretno!</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">POVEZANI ČLANCI</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>Korisno</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Oglašavanje</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>Novo</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/bs/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="Pretplatite se na vijesti G konkurenti iPhone" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/podpiska-na-novosti-podpiska-na-novosti-g-konkurenty-iphone.html" title="Pretplatite se na vijesti G konkurenti iPhone" rel="bookmark">Pretplatite se na vijesti G konkurenti iPhone</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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 za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/kak-nastraivat-virtualnye-chastnye-seti-vpn-vpn-dlya-brauzerov-na.html" title="VPN za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija" rel="bookmark">VPN za pretraživače na Androidu i PC-u: Preuzmite i omogućite Browsec VPN za Google Chrome - instalacija i konfiguracija</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Vratite prečice na radnoj površini" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/pochemu-uvelichilis-yarlyki-na-rabochem-stole-vosstanovit-yarlyki-na-rabochem.html" title="Vratite prečice na radnoj površini" rel="bookmark">Vratite prečice na radnoj površini</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/kak-posmotret-foto-v-instagrame-bez-registracii-kak-naiti.html" title="Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije" rel="bookmark">Kako pronaći osobu na Instagramu bez registracije Gledanje Instagram naloga bez registracije</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/plagin-frigate-dlya-firefox-dostup-k-zablokirovannym-resursam-v-google.html" title="Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web" rel="bookmark">Pristup blokiranim resursima u Google Chrome-u pomoću besplatne ekstenzije friGate Frigate za firefox otvoreni web</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/mnogofunkcionalnyi-mikrokompyuter-xtreamer-multi-console-na-baze-android-obzor-minix-neo-x7.html" title="MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari" rel="bookmark">MiniX Neo X7 Recenzija: Moćni Android Mini PC Android mikroračunari</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/mozhno-li-otkatit-ios-8-4-1-kak-otkatit-versiyu-ios-na-iphone-ipad-sohranenie.html" title="Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka" rel="bookmark">Da li je moguće vratiti iOS 8.4 1. Kako vratiti verziju iOS-a na iPhone, iPad. Čuvanje važnih podataka</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Samo najkorisnije i najzanimljivije!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/luchshie-kanaly-na-youtube-tolko-samoe-poleznoe-i-interesnoe-luchshie-obrazovatelnye-kanaly-na-you.html" title="Samo najkorisnije i najzanimljivije!" rel="bookmark">Samo najkorisnije i najzanimljivije!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/bs/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="Jednostavan sistem komentarisanja koji koristi AJAX" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/bs/neustrashimyi-comments-php-prostaya-sistema-kommentirovaniya-s-ispolzovaniem-ajax-sintaksis-php-komm.html" title="Jednostavan sistem komentarisanja koji koristi AJAX" rel="bookmark">Jednostavan sistem komentarisanja koji koristi 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/bs/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Računalni savjeti za početnike" title="Računalni savjeti za početnike" / 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>© Računarski savjeti za početnike, 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/bs/feedback.html">Povratne informacije</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/bs/sitemap.xml">Mapa sajta</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">O sajtu</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>