html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Iceberg' rel='stylesheet'>
<title>[Tips] for Beginners - do this before posting a question in Q&A section</title>
<meta charset="utf-8"></meta>
<meta author="Donthack(https://www.sololearn.com/Profile/7790662/?ref=app)"></meta>
<meta keywords="tips, help, web-programmer, web-designer, web, design, beginners, for-beginners, programming, programmer, SoloLearn, coding, code, know-how, qa, question, answer, discuss, useful, mwe"></meta>
<!--
Created at 27th/Feb/2020
Published at 28th/Feb/2020 11:05
Updated at 13th/Jul/2021, 8th/May/2021, 6th/Oct/2020
NOTE: i would like to help with this code for the Beginners, and for Anyone who need, and if it would be useful even for some people, by this, or by my other code, then it would be great! ^^
For me, to know that may i could help to someone, that means much more than i look how much upvotes can i get, but every up/downvote from you my Dear Visitors, would be a good feedback, and thanks for it! :-)
Thanks for Zack for the new design!^^
-->
</head>
<body id="bodyid">
<h2>[Tips] for Beginners - do this <b>before</b> posting a question in Q&A ('Discuss') section</h2>
<p id="x">What can I do? --> Check to the following links! 😉 </>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
display:flex;
justify-contents:center;
align-items:center;
flex-direction:column;
background-color:#0d0d30;
}
*{
margin:0;
font-family:iceberg;
}
h2{
text-transform:uppercase;
text-align:center;
color:#fff;
}
#x{
text-transform:uppercase;
text-align:center;
opacity:0.6;
color:#fff;
}
h3{
text-transform:uppercase;
text-align:center;
font-size:1.8em;
text-decoration:underline;
color:#fff;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/* window.onload=//Fairplay rules -added June of 2021
//alert("🌞 my ask to You: Fairplay! 🤞 \n\n ⛔ Please don't mention/invite here in your comments no one else to check this code.‼️ \n\n Thank you! ^^ 👍 👌\n\n ℹ️ #fairplay #notFoolSL #supportUnderdogCodes 🔰 🌞");; */
function colors(sw){
var setbgcolor;
var settxtcolor;
if(sw=="bgcol"){setbgcolor=document.getElementById("modbg").value}
var customBGColor= document.getElementById("bodyid");
customBGColor.style.backgroundColor=setbgcolor;
// alert(setbgcolor);
if(sw=="textcol"){settxtcolor=document.getElementById("modtxt").value}
var customTXTColor= document.getElementById("bodyid");
customTXTColor.style.color=settxtcolor;
// alert(settxtcolor);
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run