http://angelchovski.com/wiki/index.php?action=history&feed=atom&title=%D0%9C%D0%BE%D1%8F%D1%82_CSS_%D1%81%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2_%D1%84%D0%B0%D0%B9%D0%BB 2026-04-30T21:28:54Z История на версиите на страницата в уикито MediaWiki 1.39.1 http://angelchovski.com/wiki/index.php?title=%D0%9C%D0%BE%D1%8F%D1%82_CSS_%D1%81%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2_%D1%84%D0%B0%D0%B9%D0%BB&diff=635&oldid=prev 2025-04-02T11:54:36Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="bg"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← По-стара версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 14:54, 2 април 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Ред 23:</td> <td colspan="2" class="diff-lineno">Ред 23:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== ⚡ CSS шаблон: „ToniBase.css“ ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== ⚡ CSS шаблон: „ToniBase.css“ ==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;<del style="font-weight: bold; text-decoration: none;">pre&gt;&lt;nowiki</del>&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;<ins style="font-weight: bold; text-decoration: none;">syntaxhighlight lang=&quot;apache&quot;</ins>&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ToniBase.css – стартов стилов файл */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ToniBase.css – стартов стилов файл */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l78">Ред 78:</td> <td colspan="2" class="diff-lineno">Ред 78:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background-color: #0066cc;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background-color: #0066cc;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;/<del style="font-weight: bold; text-decoration: none;">nowiki&gt;&lt;/pre</del>&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/<ins style="font-weight: bold; text-decoration: none;">syntaxhighlight</ins>&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>---</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>---</div></td></tr> </table>

Toni http://angelchovski.com/wiki/index.php?title=%D0%9C%D0%BE%D1%8F%D1%82_CSS_%D1%81%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2_%D1%84%D0%B0%D0%B9%D0%BB&diff=385&oldid=prev 2025-03-30T07:19:06Z

<p>Нова страница: „<a href="/wiki/index.php?title=%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%A3%D0%B5%D0%B1_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%B8%D1%80%D0%B0%D0%BD%D0%B5" title="Категория:Уеб програмиране">Category:Уеб програмиране</a> <a href="/wiki/index.php?title=%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:WIKI-TONI" title="Категория:WIKI-TONI">Category:WIKI-TONI</a> {{Футър}} = 🧾 Моят CSS стартов файл – готов шаблон за всеки проект = == ✨ Започни всеки проект с преднина == Това е моята лична формула – **базов CSS шаблон**, с който започвам всяка нова уеб страница. Той ми осигурява нули...“</p> <p><b>Нова страница</b></p><div>[[Category:Уеб програмиране]]<br /> [[Category:WIKI-TONI]]<br /> {{Футър}}<br /> <br /> = 🧾 Моят CSS стартов файл – готов шаблон за всеки проект =<br /> <br /> == ✨ Започни всеки проект с преднина ==<br /> <br /> Това е моята лична формула – **базов CSS шаблон**, с който започвам всяка нова уеб страница. <br /> Той ми осигурява нулиране на браузърните стилове, плавни преходи, четливост и бърз стил.<br /> <br /> ---<br /> <br /> == 💡 Защо да ползваш стартов файл? ==<br /> <br /> • Пести време – не започваш от нулата <br /> • Унифицира визията във всички браузъри <br /> • Създава естетична и чиста основа <br /> • Помага да се фокусираш върху съдържанието<br /> <br /> ---<br /> <br /> == ⚡ CSS шаблон: „ToniBase.css“ ==<br /> <br /> &lt;pre&gt;&lt;nowiki&gt;<br /> /* ToniBase.css – стартов стилов файл */<br /> <br /> * {<br /> margin: 0;<br /> padding: 0;<br /> box-sizing: border-box;<br /> }<br /> <br /> html {<br /> scroll-behavior: smooth;<br /> font-size: 16px;<br /> }<br /> <br /> body {<br /> font-family: &#039;Segoe UI&#039;, sans-serif;<br /> background-color: #f9f9f9;<br /> color: #333;<br /> line-height: 1.6;<br /> padding: 20px;<br /> }<br /> <br /> h1, h2, h3, h4 {<br /> color: #004080;<br /> margin-bottom: 15px;<br /> }<br /> <br /> p {<br /> margin-bottom: 20px;<br /> }<br /> <br /> a {<br /> color: #e60039;<br /> text-decoration: none;<br /> }<br /> a:hover {<br /> text-decoration: underline;<br /> }<br /> <br /> ul {<br /> margin-bottom: 20px;<br /> padding-left: 20px;<br /> }<br /> <br /> button {<br /> background-color: #004080;<br /> color: #fff;<br /> padding: 10px 20px;<br /> border: none;<br /> border-radius: 4px;<br /> cursor: pointer;<br /> }<br /> button:hover {<br /> background-color: #0066cc;<br /> }<br /> &lt;/nowiki&gt;&lt;/pre&gt;<br /> <br /> ---<br /> <br /> == ✅ Как да го използваш? ==<br /> <br /> 1. Копирай този код и го запиши като файл `tonibase.css` <br /> 2. В HTML страницата добави:<br /> <br /> &lt;pre&gt;&lt;nowiki&gt;<br /> &lt;link rel=&quot;stylesheet&quot; href=&quot;tonibase.css&quot;&gt;<br /> &lt;/nowiki&gt;&lt;/pre&gt;<br /> <br /> 3. Стартът е направен. Надграждай със стил и вдъхновение 🔥<br /> <br /> ---<br /> <br /> == 🎓 Препоръка от Тони ==<br /> <br /> &gt; Стилът не е декорация. Той е усещане. <br /> &gt; А когато основата е стабилна – можеш да създаваш шедьоври, без да се разсейваш с дреболии.<br /> <br /> ––––––––––––––––––––––––––––––––––––––––––––<br /> <br /> &lt;b&gt;Следваща стъпка: [[Как да организираш файловете в уеб проект като професионалист]]&lt;/b&gt;</div>

Toni