Skocz do zawartości

[HTML][CSS] Odpicuj sobie znacznik <hr>


Rekomendowane odpowiedzi

Dużej filozofii nie ma więc krótko i na temat.

Wybierasz sobie gotowy styl z poniższej listy i w miejsce <hr> wrzucasz <hr class="TWÓJ STYL">

 

Podgląd w czasie rzeczywistym: 

https://jsfiddle.net/7werbf20/

Inne znaczki wpisujemy do

content: ' w tym miejscu ma być nowy znaczek ';

 

HTML

<br><hr class="style1"><br><hr class="style2"><br><hr class="style3"><br><hr class="style4"><br><hr class="style5"><br><hr class="style6"><br><hr class="style7"><br><hr class="style8"><br><hr class="style9"><br><hr class="style10"><br><hr class="style11"><br><hr class="style12"><br><hr class="style13"><br><hr class="style14"><br><hr class="style15"><br><hr class="style16"><br><hr class="style17"><br><hr class="style18">
 
CSS

hr.style1{border-top: 1px solid #8c8b8b;}  hr.style2 {border-top: 3px double #8c8b8b;} hr.style3 {border-top: 1px dashed #8c8b8b;} hr.style4 {border-top: 1px dotted #8c8b8b;} hr.style5 {background-color: #fff;border-top: 2px dashed #8c8b8b;}  hr.style6 {background-color: #fff;border-top: 2px dotted #8c8b8b;} hr.style7 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}  hr.style8 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}hr.style8:after {content: '';display: block;margin-top: 2px;border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;} hr.style9 {border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} hr.style10 {border-top: 1px dotted #8c8b8b;border-bottom: 1px dotted #fff;}  hr.style11 {height: 6px;background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;    border: 0;}  hr.style12 {height: 6px;background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;    border: 0;} hr.style13 {height: 10px;border: 0;box-shadow: 0 10px 10px -10px #8c8b8b inset;}  hr.style14 {   border: 0;   height: 1px;   background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }  hr.style15 {border-top: 4px double #8c8b8b;text-align: center;}hr.style15:after {content: '\002665';display: inline-block;position: relative;top: -15px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;} hr.style16 {   border-top: 1px dashed #8c8b8b; } hr.style16:after {   content: '\002702';   display: inline-block;   position: relative;   top: -12px;   left: 40px;   padding: 0 3px;   background: #f0f0f0;   color: #8c8b8b;   font-size: 18px; }  hr.style17 {border-top: 1px solid #8c8b8b;text-align: center;}hr.style17:after {content: '§';display: inline-block;position: relative;top: -14px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;}  hr.style18 {   height: 30px;   border-style: solid;   border-color: #8c8b8b;   border-width: 1px 0 0 0;   border-radius: 20px; } hr.style18:before {   display: block;   content: "";   height: 30px;   margin-top: -31px;   border-style: solid;   border-color: #8c8b8b;   border-width: 0 0 1px 0;   border-radius: 20px; }

 
Dodatkowo lista stron
 

 

Lub jeżeli ktoś chce to niżej są chyba wszystkie możliwe znaki

α в ß ь ¢ ∂ є ғ ƒ g н i נқ к ℓ м и η σ ø ρ я ς § т υω × χ ¥ үά έ ή ί ΰ α β ε η ικ λ μ ν ξ ρ ς σ τ υ ω ϋ ό ύώ ϊ Ђ Ѓ Є я ё ђ ѓ є ѕ ї ј à áâ ã ä å ç è é ê ì í î ï ð ñ ò ôα β γ δ ε ζ η θ ι κ λ μ ν ξ οπ ρ σ τ υ φ χ ψ ωα в ¢ ∂ єf g н ι נ к ℓ м и σ ρ q я ѕ тχ у z υ ν ωά έ ή ί ΰ α βε η ικ λ μ ν ξ ρ ς σ τ υ§ ϋ όύ ώϊ Ђ Ѓ Є я ё ђ ѓ єѕ ї ј α в c ∂α в ¢ ∂ є f g н ι נ к ℓ м и σ υρ я ѕ т ó ω у z ź ż°ஐ © ● ·. · ◦ εïз ♥ ღ ♂ ♀ ๑ ◊ ▒ ♠ ♣ →← ∞≈ ¤ ♪ •ิ . • ® ™ † » ૪૪૪◊ ♥ ╠ ═ ╝▫■ □ ۩ ۞ ๑ » « ૪ஐ † εïз ♪ ღ ♣ ♠• ± җ ۝ ° •ิ . • ஐ இ *×◊ ◦ ♠ ♣ ♪ の →°■ ♀ Ψ №← ∑ ξ ζ ω ∏√ ∩ ¤∞≡ ▄ ≠ ^_^ ─ = ≈ ≌ ﺴ۩๑ ๑ ۩۞۩ ๑ ▓ ♨ ☎ ☏ ☆ ★ △ ▲ ♠ ♣ ♧ ღ ♂ ♀ ♥ ↔↕ ▪ ๑ ▄ █ ★◎≧ °¹²³∙ ▒« ˋ ▂ˊ  ˋ0ˊ  ˋ︿ˊ  ˋωˊ  ˋ﹏ˊ ˋ△ˊ ˋ ▽ˊ ♥ஐ ღ ★☆♂♀εїз ▒ ¹ ² ³† ® ©™๑ ۩ ← ↑→↓ ◊ ※ » «①②③④⑤⑥⑦⑧⑨⑩˙▂˙ ˙0˙ ˙︿˙ ˙ω˙ ˙﹏˙ ˙△˙ ˙▽˙° ஐ © ● ·.· ◦ εïз ♥ ღ ♂ ♀ ๑ ◊ ▒ ♠ ♣ →← ∞ ≈ ¤ ♪ •ิ . • ® ™ † »◊ ♥ ╠ ═ ╝▫ ■ □ ۩ ۞ ๑ » « ஐ † εïз ♪ ღ♣ ♠ • ± җ ۝ ° • ิ . • ஐ இ *×▲ γ ō ╦ ╩ ε ┘ ┌ 回 □ 〓≡ ╝╚╔ ╗╬ ═╓ ╩ ┠ ┨┯ ┷ ┓┗ ┛┳⊥﹃﹄┌ ┐└ ┘∟「」↑↓→← ↘↙♀♂┇┅◊ ◦ ♠ ♣ ♪ の →°■♀ Ψ №← ∑ ξ ζ ω ∏√∩ ¤ ∞≡ ▄ ≠ ^_^ ─ = ≈≌ ﺴ۩๑ ๑۩۞۩๑ ▓◊ ◦ ♠ ♣ ♪ の →° ■♀ Ψ №← ∑ ξ ζ ω ∏√∩ ¤ ∞≡ ▄ ≠ ^_^ ─ = ≈≌ ﺴ ۩๑ ๑۩۞♨ ☎ ☏ ☆ ★ △ ▲ ♠ ♣ ♧ღ ♂ ♀ ♥↔ ↕ ▪ ๑ ◎ ★◎≧※°¹²³ ∙ ▒♥ஐღ ★☆♂♀ εїз ▒ ¹ ² ³ ® ©™๑ ۩←↑→↓ ◊ ※ » « ① ②③④⑤⑥⑦⑧⑨⑩♪●◦○◊▼▲▫╰☆╮▓ ▒▌☜ ♡☞ ☎ ૪☏ ⊙ ◎╬╫ ∫∞∙∑∆• ۣ۞۝˚˜̃΅Ш ◦ ▫ □ˇ۰•●۩ ® © εïз•ิ « ₪ ╠ ═ ╝▫ ¶ җ ۝இ * ツ ○ ↔ ♬ღ ♥ ۩۞ ۩ ¤ ˜ ๑۩.♥.۩๑˜ .: ۞๑۩۞۩๑ ҳ̸Ҳ̸ҳ ♣ † »-(¯`v´¯) -»× (¯` v´¯ ) • ™ εïз °●• •● ஓ ஐ Ю ю Ω ௫ ▲۩ ☻ → ← ↑ ↓ ﻬ ж Ψ √ ¤ ≠█ ▄ ■ □ ∮ ∏ ♀ ♂ ▓ ▒ ∞ ₪Θ ≡ ξ ζ •´¯`° •. «(¨`v´ ¨)» ¦¦.·´¯`·.¸> ค α в ß ь ¢ ∂ є ғ ƒ g н ι נ қ к ℓ м и η σ ø ρ я ς § т υ ω × χ ¥ үά έ ή ί ΰ α β ε η ι κ λ μ ν ξ ρ ς σ τ υ ω ϋ ό ύ ώ ϊ Ђ Ѓ Є я ё ђѓє ѕ ї ј à á â ã ä å ç è é ê ì í î ï ð ñ ò ô α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ωα в ¢ ∂ є f g н ι נ к ℓ м и σ ρ q я ѕ т χ у z υ ν ωά έ ή ί ΰ α βε η ι κ λ μ ν ξ ρ ς σ τ υ ω ϋ όύ ώ ϊ Ђ Ѓ Є я ё ђ ѓ єѕ ї јα в c ∂ ™ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭☮☯ ۞ ✪ ♆♰ ♱ ✝ ✞ ✟♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟☀ ☁ ☂ ☃ ☄ ☾ ☽ ☼ ☀ ✺✹✸✷✶✵✴❄ ❅ ❆❇❈ ❉ ❊ ❋✦⁂⋆❄❅❂✦✧✩✫✬✭✮✯✰✫☆★✩ ☆ ✡☿ ♀ ♁ ♂ ♅❦ ❧✎ ✏ ✐ ✑ ✒ ✉❢ ❣ ❤ ❥ ღ❁ ✿ ❀❃☎ ☏✆ ✄ ✁ ✂ ✃✗✘✖〤 ✓✔❝ ❞ ❛ ❜ஐﻬ εїз✈ ➸ ♨∙†◊™© ® ¤ ∆ ◊ ∞ √ £ • ≈ ◊ ▫ □ ∏ ۩ ۞ ۝ ♥ ♪ ○♣ ♠ ☼ ♂ ♀ ₪ ☻☺ ♫ ♦ Θ Φ ‡ † ¤ ๛ ๑ ๓ ๕ ◌ ♦ ⌂ ◘ ◙¤ ˿ ӿ٭ • ℗ √ ♯ ◄ ▼ ► ▲ ▪ ▫ © ® ¤ ∆ ◊ ∞ √ £ • ≈ ◊ ▫ □ ∏ ۩ ۞ ۝ ♥ ♪ ○ ♣ ♠ ☼ ♂ ♀ ₪ ☻☺ ♫ ♦ Θ Φ ‡ † ¤ ๛ ๑ ๓ ๕ ◌ ♦ ⌂ ◘ ◙ ¤ ˿ ӿ٭ • ℗ √ ♯ ◄ ▼ ► ▲ ▪

 

 

Jeżeli ktoś będzie miał problem ze zmodyfikowaniem znacznika niech napisze tutaj, a ja postaram się pomóc :-)

  • Super 6
Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek, aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .