Emotikony wordpress. Nowe emotikony WordPress - z wtyczką i bez. Możliwe problemy i awarie

Witam ponownie!

Nie pamiętam dokładnie, co skłoniło mnie do zainstalowania emotikonów na tej stronie. Zdaje się, że znajomy załatwił mi parsowanie emotikonów w komunikatorze QIP infium, z którego korzystam od ponad roku i pokusiłem się o załączenie tutaj emotikonów.

Poszukałem trochę odpowiedniej wtyczki do WordPressa, natknąłem się na tę, zdecydowałem się jej użyć, ale tam nie zadziałała - chciałem innego wyjścia i chciałem uprościć sprawdzanie zastępowania znaków emotikonami. Poza tym nie potrzebowałem tylu emotikonów. Oczywiście mogłem zrealizować wszystkie swoje pragnienia edytując wspomnianą wtyczkę, ale jakoś, prawie przez przypadek, zacząłem pisać własny kod, który ostatecznie przekształcił się w wtyczkę, która wydaje się być całkiem udana

O wtyczce emoji dla WordPress

Co robi wtyczka:

zastępuje domyślne emotikony WordPressa emotikonami z QIP.
dodaje listę emotikonów do pola komentarza. Które emotikony zostaną uwzględnione na liście, określa się w ustawieniach.
dodaje emotikony do panelu administratora, gdzie można je łatwo wstawić podczas odpowiadania na komentarze lub pisania posta.
ułatwia znajdowanie i zastępowanie kodów emotikonów w tekście.

Ustawienia Kama WP Smiles

Powiem ci trochę o ustawieniach

Ręczne wstawianie bloku emotikonów w formularzu komentarza

Wtyczka automatycznie dodaje emotikony do formularza komentarza (textarea). Może się jednak okazać, że wtyczka nie będzie w stanie normalnie osadzić listy. W takim przypadku możesz ręcznie wstawić blok emotikonów w dowolnym miejscu szablonu. Aby to zrobić, pozostaw w ustawieniach puste pole „Autowstawiaj emotikony”, więc wyłącz automatyczne wstawianie i użyj kodu php, aby wstawić blok we właściwe miejsce w szablonie (zwykle gdzieś w komentarzach.php plik):

Ten kod wyświetli blok emoji.

Tagi wykluczeń HTML

W tym ustawieniu możesz określić znaczniki HTML, których tekst nie będzie przetwarzany przez wtyczkę. Na przykład, jeśli podasz tam kod, następujący kod nie zostanie przetworzony przez wtyczkę:

uśmiech :) .

Tagi muszą być oddzielone przecinkami.

Specjalne oznaczenia emotikonów (emotikony wykluczające)

Domyślnie emotikony są definiowane w tekście przez kod (:smiley_file_name:) , ale są wyjątki. Na przykład uśmieszek jest oznaczony jako:-) lub:) lub =) , a jego natywny kod to (:smile:) . Domyślnie są 3 takie wyjątki: :) :(:D Takie ograniczenie wynika z małej optymalizacji... Takie wyjątki można skonfigurować we wtyczce.

Edycja wyglądu

Jeśli nie jesteś zadowolony z wyglądu listy emotikonów, możesz ją edytować, pod warunkiem, że znasz css, w tym celu musisz zmienić reguły CSS w polu „Style CSS”. Aby zapobiec przechowywaniu stylów w ustawieniach, możesz skopiować style do pliku stylów, jednocześnie usuwając je z ustawień.

Instalowanie zestawu emotikonów

Jeśli nie widzisz emotikonów na swoim blogu, nie martw się. Możesz łatwo dodawać/zastępować emotikony własnymi.

Aby uzupełnić listę, wystarczy utworzyć folder kama-wp-smile-packs obok folderu wtyczki i dodać do niego własny zestaw emotikonów. Te. ostatecznie powinieneś otrzymać folder z uśmiechniętymi obrazkami: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . Po utworzeniu takiego folderu musisz przejść do ustawień i wybrać nowy pakiet emotikonów, który się pojawi.

Tekst wpisu będzie używał konstrukcji (:nazwa_pliku:) . Na przykład, jeśli dodasz do tekstu obraz emocja.gif, ta buźka zostanie wstawiona jako (:emotion:) .

W nazwach plików dozwolone są tylko małe litery łacińskie. litery a-z, cyfry 0-9 , znaki - i _ . Jeśli plik zawiera inne znaki, nie będzie działać.

Filtrowanie - usuwanie kodu emoji z tekstu

Jeśli chcesz gdzieś przefiltrować tekst (nie pokazuj kodu emotikonów), zastosuj następujący filtr:

$text = "Tekst testowy (:dobry:)"; $tekst = preg_replace("/$:(0,15):$/", "", $tekst); echo $tekst; // powrót: tekst testowy

Jak osadzić wtyczkę w innych polach, takich jak BbPress, Szybki czat

Domyślna wtyczka działa tylko w przypadku komentarzy i postów. Jeśli trzeba to „wkręcić” gdzie indziej, to przydają się następujące funkcje i odrobina znajomości css:

kws_get_smiles_html($textarea_id) — Wyświetla blok emotikonów dla obszaru tekstowego
kws_convert_smiles($content) - przetwarza zawartość wyjściową w celu konwersji kodów emotikonów na obrazki

W razie nagłych problemów, glitchy, bugów i "co jeszcze" lub jeśli po prostu chcesz coś takiego napisać - pisz w komentarzach

Emotikony są wyrazem uczuć i emocji w Internecie. Możesz uatrakcyjnić swojego bloga, dodając animowane emotikony. Ogólnie rzecz biorąc, istnieją różne typy i typy emotikonów. Jeśli prymitywność emotikonów WordPress Ci nie odpowiada, to dziś masz okazję zostać właścicielem nowych przyjemnych twarzy.

tak wyglądają standardowe emotikony WordPress

Aby zmienić domyślne emotikony WordPress na coś bardziej oryginalnego, przejdź do katalogu głównego swojego bloga i przejdź do /wp-includes/images/smilies/ . Prześlij nowe emotikony do folderu emotikonów, te, które najbardziej Ci się podobają, ale pamiętaj
nazwy nowych emotikonów muszą być zgodne z nazwami standardowych.

Tutaj daję gotowe emotikony, w których nazwy nie trzeba zmieniać, wystarczy wpisać ją w folderze emotikony i gotowe.

Kołoboki mini

Kołoboki

Schemat dodawania emotikonów w wordpress

Możesz dodawać emotikony bezpośrednio do postów na blogu, używając znaków interpunkcyjnych - (O8)-:|D; itd.
Oto schemat emotikonów interpunkcyjnych.

Teraz rozwiążmy jeszcze jedno pytanie, jak dodawać emotikony do komentarzy nad polem tekstowym?

Jak dodawać emotikony do komentarzy.

Jeśli masz WordPress w wersji poniżej 3.0, to w motywie szablonu znajdź plik comments.php, jeśli masz WordPress w wersji 3.0 i nowszej, a następnie utwórz następującą ścieżkę do pliku comments.php w katalogu głównym witryny.

nazwa twojego bloga\wp-includes\theme-compat\ komentarze.php

Znajdź następujący kod w pliku comments.php:

dodaj ten kod nad nim:

"; ) ) Echo "

".$dm_showsmiles."

"; ?>

Tak to będzie wyglądać:

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

".$dm_showsmiles."

"; ?>

To wszystko. Zamieniliśmy standardowe emotikony na nasze i dodaliśmy serię twarzy nad polem tekstowym w komentarzach, tak dobrze nam idzie.

Cześć przyjaciele! Dawno nie publikowałem nowych artykułów na temat WordPressa. Faktem jest, że mój blog jest już dobrze ugruntowany - główne wtyczki są zainstalowane i skonfigurowane, coś jest zrobione gdzieś czysto na kodzie i nie ma potrzeby zmieniać ani dodawać nowego. Pozostaje tylko dokończyć kilka drobiazgów, głównie związanych z wyglądem bloga. Jedna z tych małych rzeczy... emotikony wordpress. O tym dzisiaj porozmawiamy.

Emotikony w WordPress są tam domyślnie, ale wielu nawet o nich nie wie, ponieważ nadal trzeba je włączyć w ustawieniach. Przejdź do sekcji „Opcje” - „Pisanie” i włącz opcję:

Pełna lista wszystkich dostępnych emotikonów nie jest wymieniona w ustawieniach, ale można ją znaleźć w kodeksie WordPress. Tutaj jest:

Pisząc artykuł, po prostu użyj symboli wskazanych w tabeli. Po opublikowaniu posta zostaną one automatycznie zastąpione odpowiednim zdjęciem. Z ręką na sercu warto powiedzieć, że Cylics nie są zbyt piękne. Mimo to jestem przyzwyczajony do animowanych koloboków, które są używane w Qip i tak często można je znaleźć na wszelkiego rodzaju forach.

Możesz zmieniać emotikony ręcznie, ponieważ jest to łatwe.

z nowymi emotikonami na swój komputer i rozpakuj go.
Wszystkie ikony znajdują się na serwerze w katalogu /wp-includes/images/smilies. Musimy ręcznie zastąpić standardowe pliki nowymi. WP nie dba o to, który obraz wyświetlić.

Jeśli chcesz dodać nową emotikonę, która nie ma odpowiednika w WP, musisz ją jeszcze zarejestrować w pliku /wp-includes/functions.php. Domyślnie można w nim zobaczyć następujący kod:

funkcja smillies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // nie zawracaj sobie głowy ustawianiem emotikonów, jeśli są wyłączone 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" , ) ; )

Po prostu dodaj nowy wiersz, w którym określisz kluczowe znaki i odpowiadającą im ikonę. Aby usunąć buźkę, usuń odnoszącą się do niej linię i usuń ikonę z folderu.

Jak ręcznie dodawać emotikony do komentarzy WordPress

Aby móc wybierać emotikony w komentarzach WordPress, edytuj szablon comments.php z motywu WP i przed kodem (w zależności od motywu może się nieco różnić):

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

wklej skrypt:

Echo "

" . $dm_showsmiles . "

" ; ?>

Nadal dekorujemy Twoją witrynę. I tym razem przedmiotem naszej uwagi jest wtyczka do instalowania emotikonów na blogu WP Monalisa. Przy okazji, czy wiesz, dlaczego są potrzebne? Co za głupie pytanie? Oczywiście są potrzebne, aby odwiedzający stronę i zapaleni komentatorzy wyraźnie wyrażali swoje emocje nie tylko słowami, ale także zabawnymi, smutnymi lub wściekłymi obrazkami. Otóż to. Cóż, zacznijmy instalować tę wspaniałą wtyczkę.

Jest instalowany w zwykły sposób przez konsolę. Konsola -> Wtyczki -> Dodaj nowy i na dysku wyszukiwania WP Monalisa. Pojawia się jedna wtyczka, zainstaluj ją, a następnie aktywuj.

Jego ustawienia pojawiły się w menu konsoli, śmiało. Zacznijmy od ustawień wtyczki WP-Monalisa.

Ścieżka ikon to ścieżka do emotikonów w Twojej witrynie. Jak widać, domyślnie jest wp-content/plugins/wp-monalisa/icons Możesz przesyłać swoje zdjęcia tą samą ścieżką.
Pokaż uśmiechy podczas edycji- ten element odpowiada za wyświetlanie emotikonów w edytorze postów. Oznacza to, że możesz wstawiać wszystkie emotikony do swoich postów.
Pokaż emotikony w komentarzu- a ma to na celu umożliwienie odwiedzającym wstawianie emotikonów do komentarzy.
Zastąp emotikony obrazami HTML- wybierz sposób wyświetlania emotikonów. Jeśli pozostawisz tę opcję włączoną, po wstawieniu obrazu w komentarzu zostanie wyświetlony długi kod. Więc lepiej to wyłączyć.
Pokaż uśmiechy w tabeli- zaznaczając to pole, możesz sprawić, że wybrane emotikony pojawią się w pionowej tabeli, dopasowując się do wyglądu Twojej witryny.
Pokaż uśmiechy jako Pulldown– emotikony zostaną przedstawione jako lista rozwijana.
Pokaż podpowiedź dla ikon- ten przedmiot pokaże podpowiedzi dla emotikonów, które emocje oznaczają emotikony.

W ustawieniach możesz eksperymentować z emotikonami. Jest ich wiele, a także masz możliwość usunięcia, zamiany, zamiany lub wgrania własnego emotikonu. Aby zainstalować zestaw, musisz go znaleźć i pobrać lub nawet samodzielnie narysować, a następnie przesłać na swój hosting wzdłuż tej ścieżki yoursite.ru/wp-content/plugins/wp-monalisa/icons Taka przydatna wtyczka!

Cześć! Znowu jestem z Wami, autorka Darmowego Bloga dla Webmasterów i dzisiaj porozmawiamy o tym Emotikony w wordpress. Emotikony od dawna zyskały na popularności. To świetny sposób na wyrażenie emocji, a czasami wystarczy jeden emotikon, aby wyrazić swoje uczucia.

Szczerze mówiąc, nie byłem pod wrażeniem standardowych emotikonów WordPress. Ich wygląd wydawał mi się prymitywny, zbyt starożytny, dlatego postanowiłem zmienić je na inne.

Standardowe emotikony wordpress

Tutaj możesz iść na dwa sposoby.

Pierwszym z nich jest zainstalowanie wtyczki, która automatycznie zastąpi standardowe emotikony innymi. Ale zbyt wiele aktywnych wtyczek spowolni blog, zwiększy obciążenie serwera. Ponadto wtyczki często dodają swoje tabele do bazy MySQL, a po usunięciu nie zawsze po sobie sprzątają tę bazę i muszą to robić przez panel phpMyAdmin.
Drugi sposób pozwoli uniknąć takich kłopotów, poza tym pozwoli lepiej zrozumieć, jak działa WordPress. Oznacza to ręczną edycję.

Dlatego pójdziemy drugą drogą. Domyślne emotikony znajdują się w folderze /wp-includes/images/smilies/ w katalogu głównym Twojego bloga. Aby je zmienić, wystarczy zastąpić stare nowymi. Możesz wziąć absolutnie dowolne emotikony, zmienić ich nazwy, aby nazwy plików pasowały do standardowych i przesłać je z powrotem do tego samego folderu. Wrzucam zestawy emotikonów, które już posiadam:

Nie musisz niczego zmieniać, pozostaje tylko zastąpić te standardowe i gotowe. Ten problem został rozwiązany.

Następne pytanie: jak dodać emotikony nad polem tekstowym formularza komentarza? Tutaj też wszystko jest bardzo proste! Aby to zrobić, w pliku comments.php twojego motywu, przed tagiem otwierającym , u mnie wygląda to tak:</p> <<span>textarea name="comment" id="comment" rows="10" cols="1" ></span></<span>pole tekstowe ></span> <p>wklej następujący kod:</p> <<span>skrypt></span> <span>funkcja dodajemile ($smile )</span></<span>skrypt></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/emotikony/"</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 wszystko! Dzięki tym działaniom udało nam się zastąpić standardowe emotikony wordpress bardziej atrakcyjnymi i nowoczesnymi, a także dodać je nad polem tekstowym formularza komentarza. A wszystko to bez użycia jakichkolwiek wtyczek.</p> <h2>Emotikony dla WordPress 4.2 i nowszych, jak wyłączyć emotikony</h2> <p>Począwszy od wersji 4.2 i nowszych programiści zaimplementowali nową bibliotekę Twemoji w rdzeniu WordPressa – zestaw znaków Unicode, które są konwertowane na emotikony podczas generowania strony. Jeśli przeglądarka nie obsługuje emoji, symbole są automatycznie zastępowane obrazami graficznymi ładowanymi z 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>nawet nowoczesne przeglądarki nie zawsze obsługują emotikony;</li> <li>obrazy mają rzeczywiste wymiary 72x72px i są skalowane podczas ładowania, co wydłuża czas renderowania strony;</li> <li>w sekcji <head>ładowane są wbudowane skrypty i style, które nie są umieszczane w osobnych plikach.</li> </ul><p>Ponadto wszystkie artykuły i komentarze na blogu nabrały zupełnie innego wyglądu, co mi nie odpowiadało. Proponuję zastosować rozwiązanie, które pozwala przywrócić stare emotikony na swoje miejsce. Zawiera część funkcjonalności wtyczki Classic Smilies, a także własne rozwinięcia.</p> <p>Na początek w katalogu z nazwą motywu bloga musisz utworzyć folder o nazwie smillies i rozpakować do niego obrazy emotikonów (linki do pobrania podano powyżej). Następnie postępuj zgodnie z instrukcjami dla wcześniejszych wersji WordPressa, dodając nieco zmodyfikowany kod do comments.php motywu:</p> <<span>skrypt></span> <span>funkcja dodajemile ($smile )</span>( dokument .getElementById("komentarz" ).wartość=dokument .getElementById("komentarz" ).wartość+" " +$smile+" " ; )</span></<span>skrypt></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>" ; ) ) Echo <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Dodaj następujący kod do pliku functions.php:</p> <span>// Ustaw nową domyślną lokalizację obrazu</span> <span>funkcja classic_smilies_src($stary, $img)</span>( $mythemes = get_template(); zwróć site_url( <span>"/wp-content/themes/$mythemes/smilies/($img)"</span>, __PLIK__ ); ) <span>// Zwraca odwzorowanie znaku na plik</span> add_action("init" , "classic_smilies_init" , 1 ); <span>funkcja classic_smilies_init()</span>( global $wpsmiliestrans; $wpsmiliestrans = array (":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , " :arrow:" => "icon_arrow.gif" , ":o" => "icon_eek.gif" , ":)" => "icon_smile.gif" , ":???:" => "icon_confused.gif" , ":cool:" => "icon_cool.gif" , ":evil:" => "icon_evil.gif" , ":D" => "icon_biggrin.gif" , ":idea:" => "icon_idea.gif" " , ":oops:" => "icon_redface.gif" , ":P" => "icon_razz.gif" , ":roll:" => "icon_rolleyes.gif" , ":wink:" => "icon_wink. gif" , ":cry:" => "icon_cry.gif" , ":eek:" => "icon_surprised.gif" , ":D" => "icon_lol.gif" , ":mad:" => "icon_mad .gif" , ":sad:" => "icon_sad.gif" , "8-)" => "icon_cool.gif" , "8-O" => "icon_eek.gif" , ":-(" => "icon_sad.gif" , ":-)" => "icon_smile.gif" , ":-?" => "icon_confused.gif" , ":-D" => "icon_biggrin.gif" , ":-P" => "icon_razz.gif" , ":-o" => "icon_surprised.gif" , ":- x" => "icon_mad.gif" , ":-|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , "8O" => "icon_eek.gif" , ":(" => "icon_sad.gif" , ":)" => " icon_smile.gif" , ":?" => "icon_confused.gif" , ":D" => "icon_biggrin.gif" , ":P" => "icon_razz.gif" , ":o" => "icon_surprised.gif" , ":x" => "icon_mad.gif" , ":|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" ,); add_filter("smilies_src" , "classic_smilies_src" , 10 , 2 ); <span>// Wyłącz ładowanie skryptów i stylów emotikonów</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("zawartość", , 11); add_filter("fragment_, <span>„classic_smilies_rm_additional_styles”</span>, jedenaście); add_filter("tekst_komentarza" , <span>„classic_smilies_rm_additional_styles”</span>, 21 ); } <span>// Wyłącz emotikony w edytorze wizualnym TinyMCE</span> <span>funkcjonować <span>classic_smilies_rm_tinymce_emoji</span>($ wtyczki)</span>( return array_diff($plugins, array("wpemoji" ));) <span>// Usuń 1em rozmiarów emotikonów (nowe są ustawione dla klasy .wp-smiley)</span> <span>funkcjonować <span>classic_smilies_rm_additional_styles</span>($treść)</span>( zwróć str_replace( <span>"class="wp-smiley" style="wysokość: 1em; maksymalna wysokość: 1em;""</span>, "class="wp-smiley"" , $zawartość); ) <p>Teraz nie musisz za każdym razem wymieniać zdjęć na nowe, ponieważ znajdują się one w innym folderze i aktualizacja ich nie dotyczy.</p> <p>W ten sposób wyłączyliśmy ładowanie i wyświetlanie emotikonów, zastępując je naszymi emotikonami, których używaliśmy wcześniej. Powodzenia!</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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">POWIĄZANE ARTYKUŁY</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>Użyteczne</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Reklama</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>Nowy</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/pl/gotovy-li-vy-rabotat-v-sluzhbe-tehnicheskoi-podderzhki-rabota-v.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/i-rabota.net/blog/wp-content/uploads/2015/04/help.jpg" alt="Czy jesteś gotowy do pracy w serwisie wsparcia technicznego?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/gotovy-li-vy-rabotat-v-sluzhbe-tehnicheskoi-podderzhki-rabota-v.html" title="Czy jesteś gotowy do pracy w serwisie wsparcia technicznego?" rel="bookmark">Czy jesteś gotowy do pracy w serwisie wsparcia technicznego?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/chto-nuzhno-imet-masteru-po-remontu-pk-specialist-po-sborke-i.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/remont-pc-volgograd.ru/images/nabor_kompjuternogo_mastera.jpg" alt="Specjalista od montażu i naprawy PC - zawód dla poważnych ludzi" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/chto-nuzhno-imet-masteru-po-remontu-pk-specialist-po-sborke-i.html" title="Specjalista od montażu i naprawy PC - zawód dla poważnych ludzi" rel="bookmark">Specjalista od montażu i naprawy PC - zawód dla poważnych ludzi</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/taimingi-operativnoi-pamyati-latentnost-operativnoi-pamyati---chto-eto-takoe.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/fb.ru/misc/i/gallery/37840/1324401.jpg" alt="Opóźnienie pamięci RAM - co to jest?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/taimingi-operativnoi-pamyati-latentnost-operativnoi-pamyati---chto-eto-takoe.html" title="Opóźnienie pamięci RAM - co to jest?" rel="bookmark">Opóźnienie pamięci RAM - co to jest?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/vosstanovlenie-sistemy-na-kompyutere-vozvrashchenie-sostoyaniya.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/webwulpix.ru/plugins/content/mavikthumbnails/thumbnails/450x246-images-statyi_windows-vosstanovlenie-windows7-vosstanovlenie-windows7-2.jpg" alt="Przywracam stan komputera sprzed kilku dni" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/vosstanovlenie-sistemy-na-kompyutere-vozvrashchenie-sostoyaniya.html" title="Przywracam stan komputera sprzed kilku dni" rel="bookmark">Przywracam stan komputera sprzed kilku dni</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/metodika-testirovaniya-blokov-pitaniya-blok-pitaniya-ustroistvo.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/ironfriends.ru/wp-content/uploads/2014/11/02_korpus_s_blokom_pitaniya.jpg" alt="Zasilacz - urządzenie komputerowe Główną cechą zasilacza komputerowego jest" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/metodika-testirovaniya-blokov-pitaniya-blok-pitaniya-ustroistvo.html" title="Zasilacz - urządzenie komputerowe Główną cechą zasilacza komputerowego jest" rel="bookmark">Zasilacz - urządzenie komputerowe Główną cechą zasilacza komputerowego jest</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/lozhnye-srabatyvaniya-skanera-otpechatkov-palcev-kak-rabotaet-skaner.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/hi-news.ru/wp-content/uploads/2017/06/1448467030_optik.jpg" alt="Jak działa skaner linii papilarnych?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/lozhnye-srabatyvaniya-skanera-otpechatkov-palcev-kak-rabotaet-skaner.html" title="Jak działa skaner linii papilarnych?" rel="bookmark">Jak działa skaner linii papilarnych?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/servis-diagnostiki-kontur-ekstern-kak-nachat-rabotat-v.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/buhonline24.ru/wp-content/gallery/4-fss/thumbs/thumbs_Page_00002.jpg" alt="Jak rozpocząć pracę w „Kontur-Extern”: instrukcje krok po kroku" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/servis-diagnostiki-kontur-ekstern-kak-nachat-rabotat-v.html" title="Jak rozpocząć pracę w „Kontur-Extern”: instrukcje krok po kroku" rel="bookmark">Jak rozpocząć pracę w „Kontur-Extern”: instrukcje krok po kroku</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/betsiti-mobilnoe-prilozhenie-skachat-na-vindovs-betsiti.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/verybet.ru/wp-content/uploads/2017/09/betcity-liniy.jpg" alt="Wersja mobilna Betcity" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/betsiti-mobilnoe-prilozhenie-skachat-na-vindovs-betsiti.html" title="Wersja mobilna Betcity" rel="bookmark">Wersja mobilna Betcity</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/pl/speed-dial-vizualnye-zakladki-dlya-firefox-speed-dial-dlya-mozilla-firefox-instrukciya-po.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/remontcompa.ru/uploads/posts/2014-12/1418202335_skrin-2.jpg" alt="Szybkie wybieranie dla Mozilla Firefox: instrukcje użytkowania Wersja szybkiego wybierania fvd" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/pl/speed-dial-vizualnye-zakladki-dlya-firefox-speed-dial-dlya-mozilla-firefox-instrukciya-po.html" title="Szybkie wybieranie dla Mozilla Firefox: instrukcje użytkowania Wersja szybkiego wybierania fvd" rel="bookmark">Szybkie wybieranie dla Mozilla Firefox: instrukcje użytkowania Wersja szybkiego wybierania fvd</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/pl/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Wskazówki komputerowe dla początkujących użytkowników" title="Wskazówki komputerowe dla początkujących użytkowników" / 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>© Porady komputerowe dla początkujących, 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/pl/feedback.html">Informacja zwrotna</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/pl/sitemap.xml">Mapa witryny</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">O witrynie</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>