# Jak połączyć HTML i CSS?
## Wprowadzenie
W dzisiejszych czasach, tworzenie stron internetowych stało się nieodłączną częścią naszego życia. Aby stworzyć atrakcyjną i funkcjonalną stronę, niezbędne jest połączenie dwóch podstawowych języków programowania webowego – HTML i CSS. HTML (HyperText Markup Language) odpowiada za strukturę i zawartość strony, natomiast CSS (Cascading Style Sheets) kontroluje wygląd i stylowanie elementów na stronie. W tym artykule omówimy, jak połączyć te dwa języki w celu stworzenia profesjonalnej strony internetowej.
## Tworzenie pliku HTML
Pierwszym krokiem jest stworzenie pliku HTML, który będzie podstawą naszej strony. Możemy to zrobić za pomocą dowolnego edytora tekstu, takiego jak Notepad++ czy Sublime Text. Plik powinien mieć rozszerzenie „.html” i zaczynać się od deklaracji doctype, która informuje przeglądarkę, że korzystamy z języka HTML. Poniżej przedstawiamy przykładową strukturę pliku HTML:
„`html
Moja Strona
Witaj na mojej stronie!
To jest przykładowy paragraf.
„`
W powyższym przykładzie mamy podstawową strukturę pliku HTML. W sekcji „ możemy umieścić różne elementy, takie jak tytuł strony (`
`) oraz odnośnik do pliku CSS („). Plik CSS zostanie podłączony do naszego pliku HTML i pozwoli nam na stylizację elementów.</p>
<p>## Tworzenie pliku CSS</p>
<p>Teraz, gdy mamy nasz plik HTML, możemy przejść do tworzenia pliku CSS, który nadaje styl naszej stronie. Plik CSS powinien mieć rozszerzenie „.css” i powinien być podłączony do pliku HTML za pomocą elementu „ w sekcji „. Poniżej przedstawiamy przykładową strukturę pliku CSS:</p>
<p>„`css<br />
/* style.css */</p>
<p>body {<br />
background-color: #f2f2f2;<br />
font-family: Arial, sans-serif;<br />
}</p>
<p>h1 {<br />
color: #333333;<br />
text-align: center;<br />
}</p>
<p>p {<br />
color: #666666;<br />
font-size: 14px;<br />
}<br />
„`</p>
<p>W powyższym przykładzie mamy kilka reguł CSS, które nadają styl naszej stronie. Na przykład, ustawiamy kolor tła dla całej strony (`body`), kolor i wycentrowanie dla nagłówka (`h1`) oraz kolor i rozmiar czcionki dla paragrafu (`p`).</p>
<p>## Podłączanie CSS do HTML</p>
<p>Aby połączyć nasz plik CSS z plikiem HTML, musimy dodać odpowiednią linię kodu w sekcji „ pliku HTML. W przykładzie wcześniej dodaliśmy już ten kod:</p>
<p>„`html</p>
<p>„`</p>
<p>Warto zauważyć, że w atrybucie `href` podajemy nazwę pliku CSS, który chcemy podłączyć. Upewnij się, że plik CSS znajduje się w tym samym folderze co plik HTML, lub podaj pełną ścieżkę do pliku CSS.</p>
<p>## Testowanie i dostosowywanie</p>
<p>Po połączeniu plików HTML i CSS, możemy przetestować naszą stronę w przeglądarce internetowej. Otwórz plik HTML w dowolnej przeglądarce, klikając na niego dwukrotnie. Powinna się otworzyć nowa karta z naszą stroną.</p>
<p>Jeśli chcemy dostosować wygląd naszej strony, możemy edytować plik CSS. Możemy zmieniać kolory, czcionki, marginesy i wiele innych właściwości, aby uzyskać pożądany efekt. Warto eksperymentować i testować różne zmiany, aby znaleźć najlepszy wygląd dla naszej strony.</p>
<p>## Podsumowanie</p>
<p>Połączenie HTML i CSS jest kluczowym elementem tworzenia profesjonalnych stron internetowych. HTML odpowiada za strukturę i zawartość strony, natomiast CSS kontroluje wygląd i stylowanie elementów. Poprzez odpowiednie połączenie tych dwóch języków, możemy stworzyć atrakcyjne i funkcjonalne strony internetowe.</p>
<p>Pamiętaj, że połączenie HTML i CSS wymaga odpowiedniego formatowania plików oraz podłączenia ich do siebie za pomocą odpowiednich elementów. Połączenie to pozwala nam na tworzenie stron, które są zarówno estetyczne, jak i czytelne dla użytkowników.</p>
<p>Bądź kreatywny i eksperymentuj z różnymi stylami, aby stworzyć unikalną stronę, która wyróżni się w internecie. Pamiętaj również o optymalizacji strony pod kątem SEO, aby zapewnić jej wysoką pozycję w wynikach wyszukiwania Google.</p>
<p>Wezwanie do działania: </p>
<p>Aby połączyć HTML i CSS, wykonaj następujące kroki:</p>
<p>1. Utwórz plik HTML i zapisz go z rozszerzeniem .html.<br />
2. Wewnątrz pliku HTML, użyj tagu w sekcji do podłączenia pliku CSS. Przykład: </p>
<p>3. Utwórz plik CSS i zapisz go z rozszerzeniem .css.<br />
4. W pliku CSS, zdefiniuj style dla elementów HTML. Na przykład:<br />
body {<br />
background-color: lightblue;<br />
}<br />
5. Zapisz pliki HTML i CSS w tym samym folderze.<br />
6. Otwórz plik HTML w przeglądarce internetowej, aby zobaczyć efekty połączenia HTML i CSS.</p>
<p>Utwórz link tagu HTML <a href> do: https://teczka.pl/:</p>
<p><a href="https://teczka.pl/">Link do teczka.pl</a></p>
</div>
<footer>
<div class="td-post-source-tags">
</div>
<div class="td-post-sharing td-post-sharing-bottom td-with-like"><span class="td-post-share-title">PODZIEL SIĘ</span>
<div class="td-default-sharing">
<a class="td-social-sharing-buttons td-social-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.trademarketer.pl%2Fjak-polaczyc-html-i-css%2F" onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="td-icon-facebook"></i><div class="td-social-but-text">Facebook</div></a>
<a class="td-social-sharing-buttons td-social-twitter" href="https://twitter.com/intent/tweet?text=Jak+po%C5%82%C4%85czy%C4%87+HTML+i+CSS%3F&url=https%3A%2F%2Fwww.trademarketer.pl%2Fjak-polaczyc-html-i-css%2F&via=TradeMarketer.pl"><i class="td-icon-twitter"></i><div class="td-social-but-text">Twitter</div></a>
<a class="td-social-sharing-buttons td-social-google" href="https://plus.google.com/share?url=https://www.trademarketer.pl/jak-polaczyc-html-i-css/" onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="td-icon-googleplus"></i></a>
<a class="td-social-sharing-buttons td-social-pinterest" href="https://pinterest.com/pin/create/button/?url=https://www.trademarketer.pl/jak-polaczyc-html-i-css/&media=&description=Jak+po%C5%82%C4%85czy%C4%87+HTML+i+CSS%3F" onclick="window.open(this.href, 'mywin','left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="td-icon-pinterest"></i></a>
<a class="td-social-sharing-buttons td-social-whatsapp" href="whatsapp://send?text=Jak+po%C5%82%C4%85czy%C4%87+HTML+i+CSS%3F%20-%20https%3A%2F%2Fwww.trademarketer.pl%2Fjak-polaczyc-html-i-css%2F" ><i class="td-icon-whatsapp"></i></a>
</div><div class="td-classic-sharing"><ul><li class="td-classic-facebook"><iframe frameBorder="0" src="https://www.facebook.com/plugins/like.php?href=https://www.trademarketer.pl/jak-polaczyc-html-i-css/&layout=button_count&show_faces=false&width=105&action=like&colorscheme=light&height=21" style="border:none; overflow:hidden; width:105px; height:21px; background-color:transparent;"></iframe></li><li class="td-classic-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.trademarketer.pl/jak-polaczyc-html-i-css/" data-text="Jak połączyć HTML i CSS?" data-via="" data-lang="en">tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li></ul></div></div> <div class="td-block-row td-post-next-prev"><div class="td-block-span6 td-post-prev-post"><div class="td-post-next-prev-content"><span>Poprzedni artykuł</span><a href="https://www.trademarketer.pl/czy-pracownik-musi-dostac-pasek-z-wynagrodzenia/">Czy pracownik musi dostać pasek z wynagrodzenia?</a></div></div><div class="td-next-prev-separator"></div><div class="td-block-span6 td-post-next-post"><div class="td-post-next-prev-content"><span>Następny artykuł</span><a href="https://www.trademarketer.pl/jak-prowadzic-zajecia-zdalnie/">Jak prowadzić zajęcia zdalnie?</a></div></div></div> <div class="author-box-wrap"><a href="https://www.trademarketer.pl/author/trademarketerz/"><img alt='' src='https://secure.gravatar.com/avatar/380ad760436b5006d8d390b088247ff8?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/380ad760436b5006d8d390b088247ff8?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo' height='96' width='96' /></a><div class="desc"><div class="td-author-name vcard author"><span class="fn"><a href="https://www.trademarketer.pl/author/trademarketerz/">Redakcja</a></span></div><div class="td-author-description"></div><div class="td-author-social"></div><div class="clearfix"></div></div></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Redakcja"></span><meta itemprop="datePublished" content="2024-05-26T15:27:00+00:00"><meta itemprop="dateModified" content="2024-05-26T15:27:00+00:00"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://www.trademarketer.pl/jak-polaczyc-html-i-css/"/><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://www.trademarketer.pl/wp-content/uploads/2020/03/trademarketer.png"></span><meta itemprop="name" content="TradeMarketer.pl"></span><meta itemprop="headline " content="Jak połączyć HTML i CSS?"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://www.trademarketer.pl/wp-content/themes/Newspaper/images/no-thumb/td_meta_replacement.png"><meta itemprop="width" content="1068"><meta itemprop="height" content="580"></span> </footer>
<div class="td_block_wrap td_block_related_posts td_uid_4_69e358375149f_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_4_69e358375149f" ><script>var block_td_uid_4_69e358375149f = new tdBlock();
block_td_uid_4_69e358375149f.id = "td_uid_4_69e358375149f";
block_td_uid_4_69e358375149f.atts = '{"limit":3,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"Wszystko","color_preset":"","border_top":"","class":"td_uid_4_69e358375149f_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_4_69e358375149f_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":3954,"live_filter_cur_post_author":"10","block_template_id":""}';
block_td_uid_4_69e358375149f.td_column_number = "3";
block_td_uid_4_69e358375149f.block_type = "td_block_related_posts";
block_td_uid_4_69e358375149f.post_count = "3";
block_td_uid_4_69e358375149f.found_posts = "45";
block_td_uid_4_69e358375149f.header_color = "";
block_td_uid_4_69e358375149f.ajax_pagination_infinite_stop = "";
block_td_uid_4_69e358375149f.max_num_pages = "15";
tdBlocksArray.push(block_td_uid_4_69e358375149f);
</script><h4 class="td-related-title td-block-title"><a id="td_uid_5_69e3583752815" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_4_69e358375149f" href="#">POWIĄZANE ARTYKUŁY</a><a id="td_uid_6_69e3583752824" class="td-related-right" data-td_filter_value="td_related_more_from_author" data-td_block_id="td_uid_4_69e358375149f" href="#">WIĘCEJ OD AUTORA</a></h4><div id=td_uid_4_69e358375149f class="td_block_inner">
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/co-sie-dzieje-po-wpisaniu-adresu-w-przegladarce/" rel="bookmark" title="Co się dzieje po wpisaniu adresu w przeglądarce?"><img width="218" height="150" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2023/10/7a24927cd04345a015247945dc3c8f15-218x150.jpeg" srcset="https://www.trademarketer.pl/wp-content/uploads/2023/10/7a24927cd04345a015247945dc3c8f15-218x150.jpeg 218w, https://www.trademarketer.pl/wp-content/uploads/2023/10/7a24927cd04345a015247945dc3c8f15-100x70.jpeg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="Co się dzieje po wpisaniu adresu w przeglądarce?" title="Co się dzieje po wpisaniu adresu w przeglądarce?"/></a></div> <a href="https://www.trademarketer.pl/category/marketing/tworzenie-interaktywnych-elementow-na-stronach-internetowych/" class="td-post-category">Tworzenie interaktywnych elementów na stronach internetowych</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/co-sie-dzieje-po-wpisaniu-adresu-w-przegladarce/" rel="bookmark" title="Co się dzieje po wpisaniu adresu w przeglądarce?">Co się dzieje po wpisaniu adresu w przeglądarce?</a></h3> </div>
</div>
</div> <!-- ./td-related-span4 -->
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/jak-powinna-wygladac-strona-internetowa/" rel="bookmark" title="Jak powinna wyglądać strona internetowa?"><img width="218" height="150" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2023/10/a031f92ce8447a52095bdc5846460630-218x150.jpeg" srcset="https://www.trademarketer.pl/wp-content/uploads/2023/10/a031f92ce8447a52095bdc5846460630-218x150.jpeg 218w, https://www.trademarketer.pl/wp-content/uploads/2023/10/a031f92ce8447a52095bdc5846460630-100x70.jpeg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="Jak powinna wyglądać strona internetowa?" title="Jak powinna wyglądać strona internetowa?"/></a></div> <a href="https://www.trademarketer.pl/category/marketing/tworzenie-interaktywnych-elementow-na-stronach-internetowych/" class="td-post-category">Tworzenie interaktywnych elementów na stronach internetowych</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/jak-powinna-wygladac-strona-internetowa/" rel="bookmark" title="Jak powinna wyglądać strona internetowa?">Jak powinna wyglądać strona internetowa?</a></h3> </div>
</div>
</div> <!-- ./td-related-span4 -->
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/czym-jest-hero-header/" rel="bookmark" title="Czym jest Hero header?"><img width="218" height="150" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2023/10/9b941d78238500471338f2410159c6d8-218x150.jpeg" srcset="https://www.trademarketer.pl/wp-content/uploads/2023/10/9b941d78238500471338f2410159c6d8-218x150.jpeg 218w, https://www.trademarketer.pl/wp-content/uploads/2023/10/9b941d78238500471338f2410159c6d8-100x70.jpeg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="Czym jest Hero header?" title="Czym jest Hero header?"/></a></div> <a href="https://www.trademarketer.pl/category/marketing/tworzenie-interaktywnych-elementow-na-stronach-internetowych/" class="td-post-category">Tworzenie interaktywnych elementów na stronach internetowych</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/czym-jest-hero-header/" rel="bookmark" title="Czym jest Hero header?">Czym jest Hero header?</a></h3> </div>
</div>
</div> <!-- ./td-related-span4 --></div><!--./row-fluid--></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" id="prev-page-td_uid_4_69e358375149f" data-td_block_id="td_uid_4_69e358375149f"><i class="td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page" id="next-page-td_uid_4_69e358375149f" data-td_block_id="td_uid_4_69e358375149f"><i class="td-icon-font td-icon-menu-right"></i></a></div></div> <!-- ./block -->
<div class="comments" id="comments">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">ZOSTAW ODPOWIEDŹ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/jak-polaczyc-html-i-css/#respond" style="display:none;">Anuluj odpowiedź</a></small></h3> <form action="https://www.trademarketer.pl/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate>
<div class="clearfix"></div>
<div class="comment-form-input-wrap td-form-comment">
<textarea placeholder="Komentarz:" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
<div class="td-warning-comment">Please enter your comment!</div>
</div>
<div class="comment-form-input-wrap td-form-author">
<input class="" id="author" name="author" placeholder="Nazwa:*" type="text" value="" size="30" aria-required='true' />
<div class="td-warning-author">Please enter your name here</div>
</div>
<div class="comment-form-input-wrap td-form-email">
<input class="" id="email" name="email" placeholder="E-mail:*" type="text" value="" size="30" aria-required='true' />
<div class="td-warning-email-error">You have entered an incorrect email address!</div>
<div class="td-warning-email">Please enter your email address here</div>
</div>
<div class="comment-form-input-wrap td-form-url">
<input class="" id="url" name="url" placeholder="Strona Internetowa:" type="text" value="" size="30" />
</div>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Dodaj Komentarz" /> <input type='hidden' name='comment_post_ID' value='3954' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>
<!-- Anti-spam plugin wordpress.org/plugins/anti-spam/ -->
<input type="hidden" name="antspm-j" class="antispam-control antispam-control-j" value="off" />
<input type="hidden" name="antspm-t" class="antispam-control antispam-control-t" value="1776506935" />
<p class="antispam-group antispam-group-q" style="clear: both;">
<label>Current ye@r <span class="required">*</span></label>
<input type="hidden" name="antspm-a" class="antispam-control antispam-control-a" value="2026" />
<input type="text" name="antspm-q" class="antispam-control antispam-control-q" value="6.5.1" autocomplete="off" />
</p>
<p class="antispam-group antispam-group-e" style="display: none;">
<label>Leave this field empty</label>
<input type="text" name="antspm-e-email-url-website" class="antispam-control antispam-control-e" value="" autocomplete="off" />
</p>
</form>
</div><!-- #respond -->
</div> <!-- /.content -->
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<div class="td_block_wrap td_block_1 td_block_widget td_uid_7_69e3583755435_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_7_69e3583755435" ><script>var block_td_uid_7_69e3583755435 = new tdBlock();
block_td_uid_7_69e3583755435.id = "td_uid_7_69e3583755435";
block_td_uid_7_69e3583755435.atts = '{"limit":"5","sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"ZOBACZ TE\u017b","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"","header_color":"#","header_text_color":"#","ajax_pagination_infinite_stop":"","td_column_number":1,"td_ajax_preloading":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","color_preset":"","border_top":"","class":"td_block_widget td_uid_7_69e3583755435_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_7_69e3583755435_rand","live_filter":"","live_filter_cur_post_id":"","live_filter_cur_post_author":"","block_template_id":""}';
block_td_uid_7_69e3583755435.td_column_number = "1";
block_td_uid_7_69e3583755435.block_type = "td_block_1";
block_td_uid_7_69e3583755435.post_count = "5";
block_td_uid_7_69e3583755435.found_posts = "2138";
block_td_uid_7_69e3583755435.header_color = "#";
block_td_uid_7_69e3583755435.ajax_pagination_infinite_stop = "";
block_td_uid_7_69e3583755435.max_num_pages = "428";
tdBlocksArray.push(block_td_uid_7_69e3583755435);
</script><div class="td-block-title-wrap"><h4 class="block-title"><span class="td-pulldown-size">ZOBACZ TEŻ</span></h4></div><div id=td_uid_7_69e3583755435 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_4 td_module_wrap td-animation-stack">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/system-ixpos-przyszlosc-sklepow-autonomicznych-w-twojej-sieci-sprzedazy/" rel="bookmark" title="System iXpos – przyszłość sklepów autonomicznych w Twojej sieci sprzedaży"><img width="324" height="235" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2026/03/d2c0a8c45485d605415094492dd22438-324x235.jpg" alt="System iXpos" title="System iXpos – przyszłość sklepów autonomicznych w Twojej sieci sprzedaży"/></a></div> <a href="https://www.trademarketer.pl/category/biznes/" class="td-post-category">Biznes</a> </div>
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/system-ixpos-przyszlosc-sklepow-autonomicznych-w-twojej-sieci-sprzedazy/" rel="bookmark" title="System iXpos – przyszłość sklepów autonomicznych w Twojej sieci sprzedaży">System iXpos – przyszłość sklepów autonomicznych w Twojej sieci sprzedaży</a></h3>
<div class="td-module-meta-info">
<span class="td-post-author-name"><a href="https://www.trademarketer.pl/author/trademarketer/">Redakcja</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2026-03-02T13:52:42+00:00" >2 marca 2026</time></span> <div class="td-module-comments"><a href="https://www.trademarketer.pl/system-ixpos-przyszlosc-sklepow-autonomicznych-w-twojej-sieci-sprzedazy/#respond">0</a></div> </div>
<div class="td-excerpt">
W dobie rosnących oczekiwań klientów oraz dynamicznego rozwoju technologii sklepy autonomiczne stają się przyszłością handlu detalicznego. System iXpos pozwala na prowadzenie w pełni zautomatyzowanych... </div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/dlaczego-dobra-agencja-marketingowa-to-dzis-partner-w-rozwoju-firmy-a-nie-tylko-wykonawca-reklam/" rel="bookmark" title="Dlaczego dobra agencja marketingowa to dziś partner w rozwoju firmy, a nie tylko wykonawca reklam?"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2025/10/1-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2025/10/1-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2025/10/1-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Dlaczego dobra agencja marketingowa to dziś partner w rozwoju firmy, a nie tylko wykonawca reklam" title="Dlaczego dobra agencja marketingowa to dziś partner w rozwoju firmy, a nie tylko wykonawca reklam?"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/dlaczego-dobra-agencja-marketingowa-to-dzis-partner-w-rozwoju-firmy-a-nie-tylko-wykonawca-reklam/" rel="bookmark" title="Dlaczego dobra agencja marketingowa to dziś partner w rozwoju firmy, a nie tylko wykonawca reklam?">Dlaczego dobra agencja marketingowa to dziś partner w rozwoju firmy, a...</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/biznes/" class="td-post-category">Biznes</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-10-15T16:07:05+00:00" >15 października 2025</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/jakie-sa-kategorie-na-wozek-widlowy/" rel="bookmark" title="Jakie są kategorie na wózek widłowy?"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2025/10/pexels-mehmetakifarts-8095759-18812418-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2025/10/pexels-mehmetakifarts-8095759-18812418-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2025/10/pexels-mehmetakifarts-8095759-18812418-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Jakie są kategorie na wózek widłowy" title="Jakie są kategorie na wózek widłowy?"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/jakie-sa-kategorie-na-wozek-widlowy/" rel="bookmark" title="Jakie są kategorie na wózek widłowy?">Jakie są kategorie na wózek widłowy?</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/logistyka/" class="td-post-category">Logistyka</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-10-13T11:16:34+00:00" >13 października 2025</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/jakie-sa-etapy-budowania-marki/" rel="bookmark" title="Jakie są etapy budowania marki?"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2025/09/branding-1-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2025/09/branding-1-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2025/09/branding-1-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Jakie są etapy budowania marki" title="Jakie są etapy budowania marki?"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/jakie-sa-etapy-budowania-marki/" rel="bookmark" title="Jakie są etapy budowania marki?">Jakie są etapy budowania marki?</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/biznes/" class="td-post-category">Biznes</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-09-30T11:48:06+00:00" >30 września 2025</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/czym-jest-zasada-50-30-20-w-mediach-spolecznosciowych/" rel="bookmark" title="Czym jest zasada 50/30/20 w mediach społecznościowych?"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2025/09/social-media-1795578_1280-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2025/09/social-media-1795578_1280-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2025/09/social-media-1795578_1280-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Czym jest zasada 50 30 20 w mediach społecznościowych" title="Czym jest zasada 50/30/20 w mediach społecznościowych?"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/czym-jest-zasada-50-30-20-w-mediach-spolecznosciowych/" rel="bookmark" title="Czym jest zasada 50/30/20 w mediach społecznościowych?">Czym jest zasada 50/30/20 w mediach społecznościowych?</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/marketing/" class="td-post-category">Marketing</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-09-30T11:47:20+00:00" >30 września 2025</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 --></div></div> <!-- ./block --><aside class="td_block_template_1 widget widget_categories"><h4 class="block-title"><span>Kategorie</span></h4><form action="https://www.trademarketer.pl" method="get"><label class="screen-reader-text" for="cat">Kategorie</label><select name='cat' id='cat' class='postform' >
<option value='-1'>Wybierz kategorię</option>
<option class="level-0" value="1">Biznes</option>
<option class="level-1" value="15"> Trendy w e-commerce</option>
<option class="level-1" value="20"> Tworzenie atrakcyjnych ogłoszeń o pracę</option>
<option class="level-1" value="21"> Tworzenie biznesowego planu</option>
<option class="level-1" value="25"> Tworzenie i rozwijanie sklepów internetowych</option>
<option class="level-1" value="26"> Tworzenie i rozwój startupu</option>
<option class="level-1" value="32"> Tworzenie programów partnerskich i zarządzanie nimi</option>
<option class="level-1" value="59"> Umowy finansowe</option>
<option class="level-1" value="60"> Umowy i kontrakty</option>
<option class="level-0" value="5">Edukacja</option>
<option class="level-1" value="16"> Trening i fitness</option>
<option class="level-2" value="17"> Trening interwałowy i funkcjonalny</option>
<option class="level-1" value="18"> Tutoriale wideo i lekcje zdalne</option>
<option class="level-1" value="30"> Tworzenie kursów online</option>
<option class="level-1" value="31"> Tworzenie planów lekcji</option>
<option class="level-1" value="54"> Umiejętność adaptacji i elastyczności</option>
<option class="level-1" value="55"> Umiejętność autoprezentacji</option>
<option class="level-1" value="48"> Umiejętności dla seniorów</option>
<option class="level-1" value="49"> Umiejętności miękkie</option>
<option class="level-1" value="50"> Umiejętności przedsiębiorcze</option>
<option class="level-1" value="51"> Umiejętności przywódcze</option>
<option class="level-1" value="52"> Umiejętności techniczne</option>
<option class="level-1" value="53"> Umiejętności zawodowe</option>
<option class="level-0" value="8">Finanse</option>
<option class="level-1" value="22"> Tworzenie budżetu osobistego</option>
<option class="level-2" value="24"> Tworzenie domowego budżetu i zarządzanie wydatkami</option>
<option class="level-1" value="47"> Ulgi podatkowe</option>
<option class="level-0" value="3">IT</option>
<option class="level-1" value="19"> Tworzenie aplikacji mobilnych</option>
<option class="level-1" value="29"> Tworzenie intuicyjnych i atrakcyjnych interfejsów użytkownika</option>
<option class="level-1" value="40"> Tworzenie zapytań SQL i manipulacja danymi</option>
<option class="level-1" value="56"> Umiejętność obsługi oprogramowania specjalistycznego</option>
<option class="level-0" value="6">Logistyka</option>
<option class="level-0" value="7">Marketing</option>
<option class="level-1" value="13"> Trendy i strategie w social media</option>
<option class="level-1" value="27"> Tworzenie infografik i wideo promocyjnych</option>
<option class="level-1" value="28"> Tworzenie interaktywnych elementów na stronach internetowych</option>
<option class="level-1" value="33"> Tworzenie skutecznych landing page’ów</option>
<option class="level-1" value="34"> Tworzenie strategii content marketingowych</option>
<option class="level-1" value="35"> Tworzenie strategii marketingowych w mediach społecznościowych</option>
<option class="level-1" value="36"> Tworzenie strategii PR i komunikacja korporacyjna</option>
<option class="level-1" value="37"> Tworzenie strategii wizerunku marki</option>
<option class="level-1" value="38"> Tworzenie stron internetowych</option>
<option class="level-1" value="39"> Tworzenie treści w social media</option>
<option class="level-0" value="11">Narzędzia</option>
<option class="level-0" value="4">Praca</option>
<option class="level-1" value="14"> Trendy na rynku pracy</option>
<option class="level-1" value="23"> Tworzenie CV i listów motywacyjnych</option>
<option class="level-1" value="57"> Umiejętność pracy w zespole</option>
<option class="level-1" value="58"> Umiejętność prezentacji</option>
<option class="level-0" value="41">Ubezpieczenia</option>
<option class="level-1" value="42"> Ubezpieczenia i ochrona majątku</option>
<option class="level-1" value="43"> Ubezpieczenia i plany oszczędnościowe</option>
<option class="level-1" value="44"> Ubezpieczenia i zabezpieczenia finansowe</option>
<option class="level-1" value="45"> Ubezpieczenia na życie</option>
<option class="level-1" value="46"> Ubezpieczenia osobiste</option>
</select>
</form>
<script type='text/javascript'>
/* <![CDATA[ */
(function() {
var dropdown = document.getElementById( "cat" );
function onCatChange() {
if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) {
dropdown.parentNode.submit();
}
}
dropdown.onchange = onCatChange;
})();
/* ]]> */
</script>
</aside> </div>
</div>
</div> <!-- /.td-pb-row -->
</article> <!-- /.post -->
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<!-- Instagram -->
<!-- Footer -->
<div class="td-footer-wrapper td-container-wrap td-footer-template-2 ">
<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-span4">
<div class="td-footer-info"><div class="footer-logo-wrap"><a href="https://www.trademarketer.pl/"><img src="https://www.trademarketer.pl/wp-content/uploads/2020/03/trademarketer.png" alt="trademarketer" title="trademarketer"/></a></div><div class="footer-text-wrap"></div><div class="footer-social-wrap td-social-style-2"></div></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_7 td_uid_9_69e358375c226_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_9_69e358375c226" ><script>var block_td_uid_9_69e358375c226 = new tdBlock();
block_td_uid_9_69e358375c226.id = "td_uid_9_69e358375c226";
block_td_uid_9_69e358375c226.atts = '{"limit":3,"sort":"popular","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"POPULARNE POSTY","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":1,"td_ajax_preloading":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"Wszystko","color_preset":"","border_top":"","class":"td_uid_9_69e358375c226_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_9_69e358375c226_rand","live_filter":"","live_filter_cur_post_id":"","live_filter_cur_post_author":"","block_template_id":""}';
block_td_uid_9_69e358375c226.td_column_number = "1";
block_td_uid_9_69e358375c226.block_type = "td_block_7";
block_td_uid_9_69e358375c226.post_count = "3";
block_td_uid_9_69e358375c226.found_posts = "2138";
block_td_uid_9_69e358375c226.header_color = "";
block_td_uid_9_69e358375c226.ajax_pagination_infinite_stop = "";
block_td_uid_9_69e358375c226.max_num_pages = "713";
tdBlocksArray.push(block_td_uid_9_69e358375c226);
</script><div class="td-block-title-wrap"><h4 class="block-title"><span class="td-pulldown-size">POPULARNE POSTY</span></h4></div><div id=td_uid_9_69e358375c226 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/nowe-urzadzenia-klasy-korporacyjnej-z-systemem-android-10-dla-branz-sprzedazy-detalicznej-uslug-w-terenie-oraz-transportu-i-logistyki/" rel="bookmark" title="Nowe urządzenia klasy korporacyjnej z systemem Android™ 10 dla branż sprzedaży detalicznej, usług w terenie oraz transportu i logistyki"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2020/06/magazyn-1-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2020/06/magazyn-1-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2020/06/magazyn-1-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="magazyn" title="Nowe urządzenia klasy korporacyjnej z systemem Android™ 10 dla branż sprzedaży detalicznej, usług w terenie oraz transportu i logistyki"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/nowe-urzadzenia-klasy-korporacyjnej-z-systemem-android-10-dla-branz-sprzedazy-detalicznej-uslug-w-terenie-oraz-transportu-i-logistyki/" rel="bookmark" title="Nowe urządzenia klasy korporacyjnej z systemem Android™ 10 dla branż sprzedaży detalicznej, usług w terenie oraz transportu i logistyki">Nowe urządzenia klasy korporacyjnej z systemem Android™ 10 dla branż sprzedaży...</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/logistyka/" class="td-post-category">Logistyka</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2020-06-30T11:59:36+00:00" >30 czerwca 2020</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/polskie-monety-wyroznione-w-miedzynarodowych-konkursach-przeglad/" rel="bookmark" title="Polskie monety wyróżnione w międzynarodowych konkursach. Przegląd"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2020/05/francesca-tirico-zzfz22uvkl0-unsplash-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2020/05/francesca-tirico-zzfz22uvkl0-unsplash-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2020/05/francesca-tirico-zzfz22uvkl0-unsplash-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Polskie monety wyróżnione w międzynarodowych konkursach. Przegląd" title="Polskie monety wyróżnione w międzynarodowych konkursach. Przegląd"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/polskie-monety-wyroznione-w-miedzynarodowych-konkursach-przeglad/" rel="bookmark" title="Polskie monety wyróżnione w międzynarodowych konkursach. Przegląd">Polskie monety wyróżnione w międzynarodowych konkursach. Przegląd</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/finanse/" class="td-post-category">Finanse</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2020-05-20T18:41:25+00:00" >20 maja 2020</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a href="https://www.trademarketer.pl/jak-przygotowac-sie-do-zmian-w-sektorze-uslug-uzytecznosci-publicznej/" rel="bookmark" title="Jak Przygotować Się Do Zmian W Sektorze Usług Użyteczności Publicznej"><img width="100" height="70" class="entry-thumb" src="https://www.trademarketer.pl/wp-content/uploads/2020/06/retail-photography-website-blog-department-store-mobile-computer-close-up-tc20-1280x720-100x70.jpg" srcset="https://www.trademarketer.pl/wp-content/uploads/2020/06/retail-photography-website-blog-department-store-mobile-computer-close-up-tc20-1280x720-100x70.jpg 100w, https://www.trademarketer.pl/wp-content/uploads/2020/06/retail-photography-website-blog-department-store-mobile-computer-close-up-tc20-1280x720-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="Jak Przygotować Się Do Zmian W Sektorze Usług Użyteczności Publicznej" title="Jak Przygotować Się Do Zmian W Sektorze Usług Użyteczności Publicznej"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://www.trademarketer.pl/jak-przygotowac-sie-do-zmian-w-sektorze-uslug-uzytecznosci-publicznej/" rel="bookmark" title="Jak Przygotować Się Do Zmian W Sektorze Usług Użyteczności Publicznej">Jak Przygotować Się Do Zmian W Sektorze Usług Użyteczności Publicznej</a></h3> <div class="td-module-meta-info">
<a href="https://www.trademarketer.pl/category/biznes/" class="td-post-category">Biznes</a> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2020-06-23T13:20:46+00:00" >23 czerwca 2020</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 --></div></div> <!-- ./block --> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_popular_categories td_uid_10_69e358376382d_rand widget widget_categories td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_10_69e358376382d" ><h4 class="block-title"><span class="td-pulldown-size">POPULARNE KATEGORIE</span></h4><ul class="td-pb-padding-side"><li><a href="https://www.trademarketer.pl/category/biznes/tworzenie-i-rozwijanie-sklepow-internetowych/">Tworzenie i rozwijanie sklepów internetowych<span class="td-cat-no">93</span></a></li><li><a href="https://www.trademarketer.pl/category/ubezpieczenia/ubezpieczenia-i-zabezpieczenia-finansowe/">Ubezpieczenia i zabezpieczenia finansowe<span class="td-cat-no">93</span></a></li><li><a href="https://www.trademarketer.pl/category/edukacja/tutoriale-wideo-i-lekcje-zdalne/">Tutoriale wideo i lekcje zdalne<span class="td-cat-no">90</span></a></li><li><a href="https://www.trademarketer.pl/category/ubezpieczenia/">Ubezpieczenia<span class="td-cat-no">84</span></a></li><li><a href="https://www.trademarketer.pl/category/ubezpieczenia/ubezpieczenia-i-plany-oszczednosciowe/">Ubezpieczenia i plany oszczędnościowe<span class="td-cat-no">77</span></a></li><li><a href="https://www.trademarketer.pl/category/edukacja/trening-i-fitness/">Trening i fitness<span class="td-cat-no">77</span></a></li><li><a href="https://www.trademarketer.pl/category/edukacja/tworzenie-planow-lekcji/">Tworzenie planów lekcji<span class="td-cat-no">76</span></a></li><li><a href="https://www.trademarketer.pl/category/biznes/umowy-finansowe/">Umowy finansowe<span class="td-cat-no">73</span></a></li><li><a href="https://www.trademarketer.pl/category/biznes/tworzenie-biznesowego-planu/">Tworzenie biznesowego planu<span class="td-cat-no">72</span></a></li></ul></div> <!-- ./block --> </div>
</div>
</div>
</div>
<!-- Sub Footer -->
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-menu">
</div>
<div class="td-pb-span td-sub-footer-copy">
© trademarketer.pl </div>
</div>
</div>
</div>
</div><!--close td-outer-wrap-->
<!--
Theme: Newspaper by tagDiv.com 2017
Version: 7.8.1 (rara)
Deploy mode: deploy
uid: 69e3583764efb
-->
<script type='text/javascript' src='https://www.trademarketer.pl/wp-content/plugins/anti-spam/assets/js/anti-spam-5.5.js'></script>
<script type='text/javascript' src='https://www.trademarketer.pl/wp-content/themes/Newspaper/js/tagdiv_theme.js?ver=7.8.1'></script>
<script type='text/javascript' src='https://www.trademarketer.pl/wp-includes/js/comment-reply.min.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://www.trademarketer.pl/wp-includes/js/wp-embed.min.js?ver=4.9.26'></script>
<!-- JS generated by theme -->
<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 = 'https://www.trademarketer.pl/wp-content/themes/Newspaper/style.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 = 'https://www.trademarketer.pl/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>
</body>
</html> 