Current status of the Ning Platform is always available on the Ning Status Blog.

9624884100?profile=RESIZE_584xADD INTO APPERANCE  CSS

color generator. body {
margin: 0;
padding: 0;
display: grid;
place-items: center;
height: 0vh;
font-size: 20px;
}

.main {
height: 200px;
width: 190px;
background: #800000;
border-radius: 10px;
display: grid;
place-items: center;
color: #fff;
font-family: verdana;
border-radius: 15px;
}

#colorPicker {
background-color: none;
outline: none;
border: none;
height: 60px;
width: 80px;
cursor: pointer;
}

#box {
outline: none;
border: 2px solid #151515;
border-radius: 50px;
height: 40px;
width: 120px;
padding: 0 10px;
}
.container > div {
margin: 2em 0;
}

textarea {
padding: 1em;
overflow-y: auto;
resize: none;
border-radius:4px;
}

button {
width:100%;
~ button {
margin-top:4px;
}
}

 

 

ADD HTML

 

<div class="main">
<p><!-- To select the color --><br />
Color Themes: <input type="color" id="colorPicker" value="#6a5acd" /></p>
<p><!-- To display hex code of the color --><br />
Hex Code: <input type="text" id="box" /></p>
</div>

 

 

SCIPT ADD CUSTOM CODE

 

<script>
function myColor() {

// Get the value return by color picker
var color = document.getElementById('colorPicker').value;


// Take the hex code
document.getElementById('box').value = color;
}

// When user clicks over color picker,
// myColor() function is called
document.getElementById('colorPicker')
.addEventListener('input', myColor);
</script>

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

JSheffield updated their profile photo
Friday
JSheffield replied to JSheffield's discussion
FEATURE REQUEST - Share To Email Broadcast
"Yes, that would be perfect. Thank you so much for following up!
=0)
 "
Friday
Bizz replied to JSheffield's discussion
FEATURE REQUEST - Share To Email Broadcast
"Hi Suzie, do you want this only for admins ?"
Wednesday
Bizz and JSheffield are now friends
Wednesday
JSheffield replied to JSheffield's discussion
FEATURE REQUEST - Share To Email Broadcast
"Yes, I agree Suzie. Getting this feature back would help us a lot since we are competing with these…"
Wednesday
JSheffield and Rosas † Negras are now friends
Wednesday
Suzie Nielsen replied to Bizz's discussion
Did You Know You Can Easily Add Emoji's if using Windows
"This is so fun! Thanks!
 "
Oct 10
kostasgr liked Rosas † Negras's discussion Created for the HALLOWEEN group !! clicking back to main created exclusively for this group but inserting in HTML goes to all groups, enjoy my codes, just change the link or the photo-Ning 2.0 and 3.0
Oct 9
Rosas † Negras posted a discussion
<p><!--INIZIO CODICE TOP PAGE Rosas Negras--></p> <div style="border: 0px; position: fixed; top:…
Oct 9
⚡JFarrow⌁ updated their profile photo
Oct 7
Bizz replied to Bizz's discussion
NEW Sharing Option I Have Been Working On
"New Addition For Sharing Groups 😃

 "
Oct 7
kostasgr liked Rosas † Negras's discussion USEFUL COLOR CODES FOR THEME CREATORS TO INSERT INTO HTML
Oct 7
More…

Meanwhile, you can check our social media channels