Latest revision as of 09:15, 14 January 2024

@@ Line 1: / Line 1: @@
-Now working finely.. hurry....
+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>
+ '''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 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...
@@ Line 57: / Line 290: @@
 [[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #2ecc71, #f39c12); color: #fff; font-weight: bold; font-family: 'Verdana', sans-serif; text-shadow: 1px 1px 2px #333; padding: 5px; border-radius: 5px;">🌟 Bharatwiki Socrates 🌟</span>]]
+Some more, styles........
+[[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>]]
+[[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>]]
+[[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:#3498db; font-weight:bold; text-shadow: 1px 1px 2px #1f618d;">(Talk 🦜)</span>]]
+[[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 1px 2px #1f618d;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#3498db;text-shadow:1px 1px 2px #1f618d;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;text-shadow:1px 1px 2px #1f618d;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="font-weight:bold; color:#3498db; text-shadow: 1px 1px 2px #1f618d;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db; font-weight:bold; text-shadow: 1px 1px 2px #1f618d;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="background:linear-gradient(#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent>🍁Bharatwiki Socrates🍁</span>]]
+[[User talk:Bharatwiki_Socrates|<span style="color:#3498db;">(talk)</span>]]
+[[User:Bharatwiki_Socrates|<span style="font-weight:bold;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="background;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="background:linear-gradient(#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]]
+[[User:Bharatwiki_Socrates|<span style="background:#3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]]
+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)