User:Bharatwiki Socrates/sandbox: Difference between revisions

From Bharatpedia, an open encyclopedia
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
Now working finely.. ....
==Text color gradients==
===Multiple gradients===
<span style="color:#ff99aa;">H</span><span style="color:#55ff00;">e</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">l</span><span style="color:#55ff00;">o</span> <span style="color:#7722ff;">W</span><span style="color:#ff99aa;">o</span><span style="color:#55ff00;">r</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">d</span>
===Two gradients===
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span>
 
==Text colour syntaxes==
'''<font color="#3498db">Hello</font>''' ''<font color="#e74c3c">World</font>''
 
 
'''<font color="#2ecc71">Hello</font>''' ''<font color="#27ae60">World</font>''
 
 
'''<font color="#9b59b6">Hello</font>''' ''<font color="#8e44ad">World</font>''
 
 
'''<font color="#e74c3c">Hello</font>''' ''<font color="#c0392b">World</font>''
 
 
'''<font color="#e67e22">Hello</font>''' ''<font color="#d35400">World</font>''
 
 
'''<font color="#008080">Hello</font>''' ''<font color="#00cccc">World</font>''
 
 
'''<font color="#f1c40f">Hello</font>''' ''<font color="#f39c12">World</font>''
 
 
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>''
 
 
'''<font color="#3f51b5">Hello</font>''' ''<font color="#3949ab">World</font>''
 
 
'''<font color="#00bcd4">Hello</font>''' ''<font color="#009688">World</font>''
 
 
'''<font color="#ff5722">Hello</font>''' ''<font color="#e64a19">World</font>''
 
 
'''<font color="#03a9f4">Hello</font>''' ''<font color="#0288d1">World</font>''
 
 
'''<font color="#cddc39">Hello</font>''' ''<font color="#8bc34a">World</font>''
 
 
'''<font color="#ffc107">Hello</font>''' ''<font color="#ff9800">World</font>''
 
 
'''<font color="#795548">Hello</font>''' ''<font color="#6d4c41">World</font>''
 
 
'''<font color="#9e9e9e">Hello</font>''' ''<font color="#616161">World</font>''
 
 
'''<font color="#607d8b">Hello</font>''' ''<font color="#455a64">World</font>''
 
 
'''<font color="#673ab7">Hello</font>''' ''<font color="#512da8">World</font>''
 
 
'''<font color="#8bc34a">Hello</font>''' ''<font color="#7cb342">World</font>''
 
 
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>''
 
== '''Different backgrounds Syntaxes''' ==
 
 
<div style="background: linear-gradient(to right, #3498db, #2980b9); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #2ecc71, #27ae60); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #9b59b6, #8e44ad); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #e74c3c, #c0392b); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #e67e22, #d35400); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #008080, #00cccc); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #f1c40f, #f39c12); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #3f51b5, #3949ab); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #00bcd4, #009688); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #ff5722, #e64a19); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #03a9f4, #0288d1); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #cddc39, #8bc34a); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #ffc107, #ff9800); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #795548, #6d4c41); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #9e9e9e, #616161); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #607d8b, #455a64); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #673ab7, #512da8); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #8bc34a, #7cb342); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: #fff;">
</div>
 
<div style="background: linear-gradient(to right, #ff7e5f, #feb47b); padding: 10px; border-radius: 5px; color: #fff;">
<div style="background: linear-gradient(to right, #ff7e5f, #feb47b); padding: 10px; border-radius: 5px; color: #fff;">
</div>
'''Applying'''
<div style="background: linear-gradient(to right, #3498db, #2980b9); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #2ecc71, #27ae60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #9b59b6, #8e44ad); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e74c3c, #c0392b); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e67e22, #d35400); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #008080, #00cccc); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #f1c40f, #f39c12); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #3f51b5, #3949ab); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #00bcd4, #009688); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #ff5722, #e64a19); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #03a9f4, #0288d1); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #cddc39, #8bc34a); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #ffc107, #ff9800); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #795548, #6d4c41); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #9e9e9e, #616161); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
</div>


<div style="background: linear-gradient(to right, #607d8b, #455a64); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #673ab7, #512da8); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #8bc34a, #7cb342); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


== Signature syntaxes ==
..noiceew everything on my userpage working perfectly in mobile view...
..noiceew everything on my userpage working perfectly in mobile view...


Line 102: Line 329:
Now ,,,
Now ,,,


[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] 17:49, 31 December 2023 (IST)
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] 17:49, 31 December 2023 (IST

Latest revision as of 22:46, 13 August 2024

Text color gradients[edit]

Multiple gradients[edit]

Hello World

Two gradients[edit]

  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World
  • Hello World

Text colour syntaxes[edit]

Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World


Hello World

Different backgrounds Syntaxes[edit]

Applying

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Hello World

Signature syntaxes[edit]

..noiceew everything on my userpage working perfectly in mobile view...

🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 14:22, 31 December 2023 (IST)

🍁Bharatwiki Socrates🍁 13:16, 31 December 2023 (IST)


_____________

🍁Bharatwiki Socrates🍁 13:06, 31 December 2023 (IST)


🍁Bharatwiki Socrates🍁


Bharatwiki Socrates


Bharatwiki Socrates


𝓑𝓱𝓪𝓻𝓪𝓽𝔀𝓲𝓴𝓲 𝓢𝓸𝓬𝓻𝓪𝓽𝓮𝓼


🌿 Bharatwiki Socrates 🌿


Bharatwiki Socrates


Bharatwiki Socrates


🌈 Bharatwiki Socrates 🌈


🔮 Bharatwiki Socrates 🔮

🌟 Bharatwiki Socrates 🌟


Some more, styles........

🍁Bharatwiki Socrates🍁(📩)

🍁Bharatwiki Socrates🍁(🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)

🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)

🍁Bharatwiki Socrates🍁(Talk 🦜)



🍁Bharatwiki Socrates🍁(Talk 🦜)

Now ,,,

🍁Bharatwiki Socrates🍁(📩) 17:49, 31 December 2023 (IST

Retrieved from "https://en.bharatpedia.org/w/index.php?title=User:Bharatwiki_Socrates/sandbox&oldid=447682"