Informação: Para ver passe o mouse aquiÉ Criado um icone junto a sua barra de navegação principal, o qual abrira estajanela no centro da tela, lhe oferecendo várias cores em código exadecimal..
- Código:
$(function () {
$('<span id="maumi" class="button" style="">
<img src="http://2img.net/i/fa/wysiwyg/color_swatch.png"/></span>
<div class="mamau" style="display: none; ">
<div id="colormi"></div>
<span class="gen" style="color:#1E90FF">Por favor escolha uma cor da tabela.</span>
<form name=copiar>
<textarea name=txt rows=1 wrap=virtual cols=30 class="laymau"></textarea>
<br><br>
<input id="Selecion" style="height:28px;float:center;margin-right:5px;cursor:pointer;font-weight:bold;border:0px solid red;border-radius: 3px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);margin:5px;padding:2px 5px;color:#000;padding-top: -2px;vertical-align:middle;" onclick="JavaScript:this.form.txt.focus();this.form.txt.select()" type="button" value="Selecionar Código" name="value"></form>
<span class="konha">Limpar</span>
<span id="default">Fechar</span>
<img class="bgtest" src="http://i15.servimg.com/u/f15/17/71/75/73/cores_13.png"> /*Imagem */
</div><style>
#maumi{
cursor: pointer;
}
#maumi:hover{
background-color: ;
}
.mamau{
display:none;
position:fixed;
padding:10px;
width:auto;
height:auto;
top:35%;
left:35%;
margin-left:-130px;
border:0px solid #000; /* Borda */
background: #F1F1F1;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.laymau{
position:center;
white-space: nowrap;
width:80%;
}
.oknha,.konha{
float:left;
cursor:pointer;
font-weight:bold;
border:0px solid red;
border-radius: 3px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
margin:5px;
padding:2px 5px;
color:#000;
padding-top: -2px;
vertical-align:middle;
}
.oknha:hover,.konha:hover{
color:#1E90FF;
}
#default{
float:right;
cursor:pointer;
border:0px solid red;
border-radius: 3px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
margin:5px;
padding:2px 5px;
font-weight:bold;color:#000;
}
#default:hover{
color:#1E90FF; /* Botão Ocultar */
}
#colorpickers {
top: 22px;
left: -230pxposition: absolute; ;
}
#colortd td {
padding: 1px;
}
#colortd td button {
padding: 1px;
height: 15px;
width: 15px;
border: 0px solid #000000;
border-radius: 3px;
}
#colortd {
border: 1px solid #87CEEB;
border-radius: 5px;
}
#colortd td button:hover {
border: 0px solid #1E90FF;
border-radius: 3px;
}
</style>').insertAfter(".mainmenu:last");
});
$(document).ready(function () {
laycookie();
$('#default').click(function () {
mauw(1)
});
$('#maumi').click(function () {
$(function () {
if (document.getElementById('colormi')) {
var colors = new Array('00', '22', '44', '88', 'CC', 'FF');
var x = '<div id="colorpickers"><table id="colortd">';
var y = x;
for (i = 5; i >= 0; i--) {
x = x + '<tr>';
y = y + '<tr>';
for (j = 5; j >= 0; j--) {
for (k = 5; k >= 0; k--) {
var col = colors[j] + colors[i] + colors[k];
x = x + '<td style="background: #' + col + ';"><button class="maumia" style="background:#' + col + ';" title="#' + col + '" alt="#' + col + '"></button></td>';
}
}
x = x + '</tr>';
}
document.getElementById('colormi').innerHTML = x + '</table></div>';
};
$("#colormi").CSS({
"overflow": "visible";
})
});
$(function () {
$(".maumia").click(function () {
$(".laymau").val("" + $(this).attr("alt") + "");
});
});
$('.mamau').fadeIn();
$('.laymau').val(my_getcookie('mamau')).select();
$('.oknha').click(function () {
if ($('.laymau').val().search('#') != -1) {
my_setcookie('mamau', $('.laymau').val(), 1);
mauw_none();
$('.mamau').fadeOut()
} else {
$('.laymau').val('Mã màu không hợp lệ')
}
});
$('.konha').click(function() {
$('.laymau').val('')
});
$('.Closer').click(function() {
$('.mamau').val()
});
$('#default').click(function () {
$('.mamau').fadeOut()
})
})
});
function mauw(mau) {
my_setcookie('mmia', mau, 1);
laycookie()
};
function mauw_none() {
my_setcookie('mmia', 'none', 1);
laycookie()
};
function laycookie() {
if (my_getcookie('mmia')) {
cpma = my_getcookie('mmia');
if (cpma == 'none') {
mimauw = "" + my_getcookie('mamau') + ""
} else if (cpma == '1') {
mimauw = '#fff'
};
$('.borderwrapm').CSS('background', mimauw);
$('.borderwrap').CSS('background', mimauw);
$('.maintitle').CSS('background', mimauw)
} else {
maubandau = 1 + Math.floor(Math.random() * 12);
if (maubandau == 1) {
mauw(1)
}
}
};
Desenvolvido por D'Leandro™ | Styler® | Clubteen9x
Editado e Postado por 2012 © Staffer Group BR™
Editado e Postado por 2012 © Staffer Group BR™