<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[R-Board - Coding]]></title>
		<link>https://reelboard.eu/</link>
		<description><![CDATA[R-Board - https://reelboard.eu]]></description>
		<pubDate>Wed, 05 Aug 2026 14:55:34 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Global NoFollow code]]></title>
			<link>https://reelboard.eu/showthread.php?tid=761</link>
			<pubDate>Wed, 18 Mar 2026 06:09:40 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://reelboard.eu/member.php?action=profile&uid=1">board</a>]]></dc:creator>
			<guid isPermaLink="false">https://reelboard.eu/showthread.php?tid=761</guid>
			<description><![CDATA[Code for playtube - nofollow<br />
<br />
FIND<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">&lt;?php
&#36;uri </span><span style="color: #007700">= </span><span style="color: #0000BB">&#36;_SERVER</span><span style="color: #007700">[</span><span style="color: #DD0000">'REQUEST_URI'</span><span style="color: #007700">];

if (</span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;uri</span><span style="color: #007700">, </span><span style="color: #DD0000">'/watch'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false </span><span style="color: #007700">|| </span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;uri</span><span style="color: #007700">, </span><span style="color: #DD0000">'/user'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false</span><span style="color: #007700">) {
</span><span style="color: #0000BB">    </span><span style="color: #007700">echo </span><span style="color: #DD0000">'&lt;meta name="robots" content="noindex, nofollow"&gt;'</span><span style="color: #007700">;
}
</span><span style="color: #0000BB">?&gt;</span></code></div></div></div><br />
REPLACE WITH<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">&lt;?php
      </span><span style="color: #007700">if (</span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;_SERVER</span><span style="color: #007700">[</span><span style="color: #DD0000">'REQUEST_URI'</span><span style="color: #007700">], </span><span style="color: #DD0000">'/watch'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false</span><span style="color: #007700">) {
</span><span style="color: #0000BB">      </span><span style="color: #007700">echo </span><span style="color: #DD0000">'&lt;meta name="robots" content="noindex, nofollow"&gt;'</span><span style="color: #007700">;
</span><span style="color: #0000BB">      </span><span style="color: #007700">}
</span><span style="color: #0000BB">      ?&gt;
</span>      <span style="color: #0000BB">&lt;?php </span><span style="color: #007700">if (!empty(</span><span style="color: #0000BB">&#36;pt</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">video_privacy</span><span style="color: #007700">)) { </span><span style="color: #0000BB">?&gt;
</span>      &lt;meta name="robots" content="noindex"&gt;
      <span style="color: #0000BB">&lt;?php </span><span style="color: #007700">} </span><span style="color: #0000BB">?&gt;</span></code></div></div></div>]]></description>
			<content:encoded><![CDATA[Code for playtube - nofollow<br />
<br />
FIND<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">&lt;?php
&#36;uri </span><span style="color: #007700">= </span><span style="color: #0000BB">&#36;_SERVER</span><span style="color: #007700">[</span><span style="color: #DD0000">'REQUEST_URI'</span><span style="color: #007700">];

if (</span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;uri</span><span style="color: #007700">, </span><span style="color: #DD0000">'/watch'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false </span><span style="color: #007700">|| </span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;uri</span><span style="color: #007700">, </span><span style="color: #DD0000">'/user'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false</span><span style="color: #007700">) {
</span><span style="color: #0000BB">    </span><span style="color: #007700">echo </span><span style="color: #DD0000">'&lt;meta name="robots" content="noindex, nofollow"&gt;'</span><span style="color: #007700">;
}
</span><span style="color: #0000BB">?&gt;</span></code></div></div></div><br />
REPLACE WITH<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">&lt;?php
      </span><span style="color: #007700">if (</span><span style="color: #0000BB">strpos</span><span style="color: #007700">(</span><span style="color: #0000BB">&#36;_SERVER</span><span style="color: #007700">[</span><span style="color: #DD0000">'REQUEST_URI'</span><span style="color: #007700">], </span><span style="color: #DD0000">'/watch'</span><span style="color: #007700">) !== </span><span style="color: #0000BB">false</span><span style="color: #007700">) {
</span><span style="color: #0000BB">      </span><span style="color: #007700">echo </span><span style="color: #DD0000">'&lt;meta name="robots" content="noindex, nofollow"&gt;'</span><span style="color: #007700">;
</span><span style="color: #0000BB">      </span><span style="color: #007700">}
</span><span style="color: #0000BB">      ?&gt;
</span>      <span style="color: #0000BB">&lt;?php </span><span style="color: #007700">if (!empty(</span><span style="color: #0000BB">&#36;pt</span><span style="color: #007700">-&gt;</span><span style="color: #0000BB">video_privacy</span><span style="color: #007700">)) { </span><span style="color: #0000BB">?&gt;
</span>      &lt;meta name="robots" content="noindex"&gt;
      <span style="color: #0000BB">&lt;?php </span><span style="color: #007700">} </span><span style="color: #0000BB">?&gt;</span></code></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Simple slideshow]]></title>
			<link>https://reelboard.eu/showthread.php?tid=760</link>
			<pubDate>Wed, 18 Mar 2026 06:01:16 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://reelboard.eu/member.php?action=profile&uid=1">board</a>]]></dc:creator>
			<guid isPermaLink="false">https://reelboard.eu/showthread.php?tid=760</guid>
			<description><![CDATA[Vertical slideshow<br />
<br />
HTML<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;</span><span style="color: #0000BB">div </span><span style="color: #007700">class=</span><span style="color: #DD0000">"vslider"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">  </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">div </span><span style="color: #007700">class=</span><span style="color: #DD0000">"vslides"</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example1.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image1.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 1"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example2.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image2.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 2"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example3.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image3.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 3"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example4.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image4.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 4"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example5.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image5.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 5"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example6.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image6.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 6"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example7.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image7.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 7"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example8.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image8.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 8"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">  </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;
&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt; 
</span></code></div></div></div><br />
<br />
CSS<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">.</span><span style="color: #0000BB">vslider </span><span style="color: #007700">{
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;</span><span style="color: #0000BB">            </span><span style="color: #FF8000">/* запълва ширината на контейнера */
</span><span style="color: #0000BB">  max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">: </span><span style="color: #0000BB">300px</span><span style="color: #007700">;</span><span style="color: #0000BB">       </span><span style="color: #FF8000">/* максимум на десктоп */
</span><span style="color: #0000BB">  height</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  padding</span><span style="color: #007700">-</span><span style="color: #0000BB">top</span><span style="color: #007700">: </span><span style="color: #0000BB">83.33</span><span style="color: #007700">%;</span><span style="color: #0000BB">    </span><span style="color: #FF8000">/* височина 250px спрямо max-width (250/300*100) */
</span><span style="color: #0000BB">  overflow</span><span style="color: #007700">: </span><span style="color: #0000BB">hidden</span><span style="color: #007700">;
</span><span style="color: #0000BB">  margin</span><span style="color: #007700">: </span><span style="color: #0000BB">auto</span><span style="color: #007700">;
</span><span style="color: #0000BB">  position</span><span style="color: #007700">: </span><span style="color: #0000BB">relative</span><span style="color: #007700">;
}

.</span><span style="color: #0000BB">vslides </span><span style="color: #007700">{
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">: </span><span style="color: #0000BB">vslide 32s infinite</span><span style="color: #007700">;
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">-</span><span style="color: #0000BB">timing</span><span style="color: #007700">-function: </span><span style="color: #0000BB">ease</span><span style="color: #007700">-</span><span style="color: #0000BB">in</span><span style="color: #007700">-</span><span style="color: #0000BB">out</span><span style="color: #007700">;
</span><span style="color: #0000BB">  position</span><span style="color: #007700">: </span><span style="color: #0000BB">absolute</span><span style="color: #007700">;
</span><span style="color: #0000BB">  top</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  left</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
}

.</span><span style="color: #0000BB">vslider</span><span style="color: #007700">:</span><span style="color: #0000BB">hover </span><span style="color: #007700">.</span><span style="color: #0000BB">vslides </span><span style="color: #007700">{
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">-</span><span style="color: #0000BB">play</span><span style="color: #007700">-</span><span style="color: #0000BB">state</span><span style="color: #007700">: </span><span style="color: #0000BB">paused</span><span style="color: #007700">;
}

.</span><span style="color: #0000BB">vslides a </span><span style="color: #007700">{
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
}

.</span><span style="color: #0000BB">vslides img </span><span style="color: #007700">{
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
</span><span style="color: #0000BB">  height</span><span style="color: #007700">: </span><span style="color: #0000BB">auto</span><span style="color: #007700">;</span><span style="color: #0000BB">         </span><span style="color: #FF8000">/* височината се адаптира автоматично */
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  object</span><span style="color: #007700">-</span><span style="color: #0000BB">fit</span><span style="color: #007700">: </span><span style="color: #0000BB">cover</span><span style="color: #007700">;
}

</span><span style="color: #FF8000">/* Анимация за 8 банера */
</span><span style="color: #007700">@</span><span style="color: #0000BB">keyframes vslide </span><span style="color: #007700">{
</span><span style="color: #0000BB">  0</span><span style="color: #007700">%</span><span style="color: #0000BB">   </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }
</span><span style="color: #0000BB">  11</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }

</span><span style="color: #0000BB">  12.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">100</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  23.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">100</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  25</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">200</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  36</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">200</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  37.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">300</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  48.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">300</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  50</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">400</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  61</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">400</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  62.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">500</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  73.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">500</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  75</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">600</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  86</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">600</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  87.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">700</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  98.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">700</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  100</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }
} 
</span></code></div></div></div>]]></description>
			<content:encoded><![CDATA[Vertical slideshow<br />
<br />
HTML<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;</span><span style="color: #0000BB">div </span><span style="color: #007700">class=</span><span style="color: #DD0000">"vslider"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">  </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">div </span><span style="color: #007700">class=</span><span style="color: #DD0000">"vslides"</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example1.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image1.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 1"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example2.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image2.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 2"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example3.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image3.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 3"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example4.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image4.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 4"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example5.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image5.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 5"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example6.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image6.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 6"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example7.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image7.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 7"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a href</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://example8.com"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">      </span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img src</span><span style="color: #007700">=</span><span style="color: #DD0000">"image8.jpg" </span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Banner 8"</span><span style="color: #007700">&gt;
</span><span style="color: #0000BB">    </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;

</span><span style="color: #0000BB">  </span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;
&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt; 
</span></code></div></div></div><br />
<br />
CSS<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">.</span><span style="color: #0000BB">vslider </span><span style="color: #007700">{
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;</span><span style="color: #0000BB">            </span><span style="color: #FF8000">/* запълва ширината на контейнера */
</span><span style="color: #0000BB">  max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">: </span><span style="color: #0000BB">300px</span><span style="color: #007700">;</span><span style="color: #0000BB">       </span><span style="color: #FF8000">/* максимум на десктоп */
</span><span style="color: #0000BB">  height</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  padding</span><span style="color: #007700">-</span><span style="color: #0000BB">top</span><span style="color: #007700">: </span><span style="color: #0000BB">83.33</span><span style="color: #007700">%;</span><span style="color: #0000BB">    </span><span style="color: #FF8000">/* височина 250px спрямо max-width (250/300*100) */
</span><span style="color: #0000BB">  overflow</span><span style="color: #007700">: </span><span style="color: #0000BB">hidden</span><span style="color: #007700">;
</span><span style="color: #0000BB">  margin</span><span style="color: #007700">: </span><span style="color: #0000BB">auto</span><span style="color: #007700">;
</span><span style="color: #0000BB">  position</span><span style="color: #007700">: </span><span style="color: #0000BB">relative</span><span style="color: #007700">;
}

.</span><span style="color: #0000BB">vslides </span><span style="color: #007700">{
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">: </span><span style="color: #0000BB">vslide 32s infinite</span><span style="color: #007700">;
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">-</span><span style="color: #0000BB">timing</span><span style="color: #007700">-function: </span><span style="color: #0000BB">ease</span><span style="color: #007700">-</span><span style="color: #0000BB">in</span><span style="color: #007700">-</span><span style="color: #0000BB">out</span><span style="color: #007700">;
</span><span style="color: #0000BB">  position</span><span style="color: #007700">: </span><span style="color: #0000BB">absolute</span><span style="color: #007700">;
</span><span style="color: #0000BB">  top</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  left</span><span style="color: #007700">: </span><span style="color: #0000BB">0</span><span style="color: #007700">;
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
}

.</span><span style="color: #0000BB">vslider</span><span style="color: #007700">:</span><span style="color: #0000BB">hover </span><span style="color: #007700">.</span><span style="color: #0000BB">vslides </span><span style="color: #007700">{
</span><span style="color: #0000BB">  animation</span><span style="color: #007700">-</span><span style="color: #0000BB">play</span><span style="color: #007700">-</span><span style="color: #0000BB">state</span><span style="color: #007700">: </span><span style="color: #0000BB">paused</span><span style="color: #007700">;
}

.</span><span style="color: #0000BB">vslides a </span><span style="color: #007700">{
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
}

.</span><span style="color: #0000BB">vslides img </span><span style="color: #007700">{
</span><span style="color: #0000BB">  width</span><span style="color: #007700">: </span><span style="color: #0000BB">100</span><span style="color: #007700">%;
</span><span style="color: #0000BB">  height</span><span style="color: #007700">: </span><span style="color: #0000BB">auto</span><span style="color: #007700">;</span><span style="color: #0000BB">         </span><span style="color: #FF8000">/* височината се адаптира автоматично */
</span><span style="color: #0000BB">  display</span><span style="color: #007700">: </span><span style="color: #0000BB">block</span><span style="color: #007700">;
</span><span style="color: #0000BB">  object</span><span style="color: #007700">-</span><span style="color: #0000BB">fit</span><span style="color: #007700">: </span><span style="color: #0000BB">cover</span><span style="color: #007700">;
}

</span><span style="color: #FF8000">/* Анимация за 8 банера */
</span><span style="color: #007700">@</span><span style="color: #0000BB">keyframes vslide </span><span style="color: #007700">{
</span><span style="color: #0000BB">  0</span><span style="color: #007700">%</span><span style="color: #0000BB">   </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }
</span><span style="color: #0000BB">  11</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }

</span><span style="color: #0000BB">  12.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">100</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  23.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">100</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  25</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">200</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  36</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">200</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  37.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">300</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  48.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">300</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  50</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">400</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  61</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">400</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  62.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">500</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  73.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">500</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  75</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">600</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  86</span><span style="color: #007700">%</span><span style="color: #0000BB">  </span><span style="color: #007700">{ </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">600</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  87.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">700</span><span style="color: #007700">%); }
</span><span style="color: #0000BB">  98.5</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(-</span><span style="color: #0000BB">700</span><span style="color: #007700">%); }

</span><span style="color: #0000BB">  100</span><span style="color: #007700">% { </span><span style="color: #0000BB">transform</span><span style="color: #007700">: </span><span style="color: #0000BB">translateY</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">); }
} 
</span></code></div></div></div>]]></content:encoded>
		</item>
	</channel>
</rss>