- Screen name: envira
- About Me: Doctor by Profession, Designer by passion.
envira's Profile
3 Posts
16 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
- Hello guys,I have been searching for a modalbox/ pop up that is shown on page load with cookie function, just like this site : www.omgubuntu.co.ukThey use Magnific Popup.Any help is greatly appreciated.Thank you
- 19-Jul-2014 07:21 AM
- Forum: Using jQuery Plugins
Hello Friends,
I have been trying to make a simplified colorswitcher with jQuery, for my site. I have managed to swicth the colors of links and background. Here is the fiddle : Fiddle
Here is the code i have used :
HTML
<div class="colormenu"><ul class="colchange"><li class='red'><a href='#' class='click' data-color='#e74c3c'></a></li><li class='green'><a href='#' class='click' data-color='#2ecc71'></a></li><li class='blue'><a href='#' class='click' data-color='#3498db'></a></li><li class='yellow'><a href='#' class='click' data-color='#f1c40f'></a></li><li class='black'><a href='#' class='click' data-color='#222'></a></li><li class="links"><a href="#">Changer</a></li></ul></div><div class="bar2">this is Bar 2</div><div class="bar3"></div>CSS
body {background: #E2E2E2;font-family:Tahoma, sans-serif;}.bigbar{ background: #FFF;height:50px;line-height:50px;padding:0px 20px;}.bar2, .bar3 { background: #FFF;height:50px;line-height:50px;padding:0px 20px;box-shadow: 0px 0px 8px #111;margin-top:30px;}.colormenu{ width:auto; height:40px;line-height:40px;background:#FFF;padding: 10px; }.colormenu ul { margin: 0; padding:0; }.colormenu ul li { list-style:none;margin:0;display:inline-block;}.colormenu ul li a { padding: 10px 20px;display:inline;box-shadow: 0px -1px 2px rgba(0,0,0,0.2);}.red { background: #e74c3c; }.green { background: #2ecc71; }.blue { background: #3498db; }.yellow { background: #f1c40f; }.black { background: #222; }.links {float:right;}.linkcolor { color: #999; }
jQueryjQuery(document).ready(function($){$('.click').on('click', function(e) {$('body, .bar3').css('background', $(this).data('color'));$('a:link, .bar2').css('color', $(this).data('color'));});});Now i want to add cookie function so the browser could remember the preference.
My knowledge is limited as per cookie function so i request you guys would help me.
Thanks in advance
regards
- 14-Dec-2013 08:23 AM
- Forum: Using jQuery
I made a sliding panel with jQuery to add login form in it.
I wanted to make something like xenforo login system Link : http://xenforo.com/community/
After you toggle the slideing panel in the link above the whole page background dims out and this is effect of masking seen in modal boxes and i need this to be done to the sliding panel i have made.
Here is the example fiddle i made : http://jsfiddle.net/envira/yEzke/Here is the code i am using :
<div class="panel"> <div class="panell"></div> <a href="#" class="panelbutton">Open <span>▼</span></a> $('.panelbutton').on('click', function(event){ event.preventDefault(); $('.panell').slideToggle('fast', function(event){ if($(this).is(':visible')){ $('.panelbutton').html('Close ▲'); } else { $('.panelbutton').html('Open ▼'); } }); });
I wanted to add the mask functionality like xenforo drop down !! I need help to fix it , Help is appreciated,
regards- «Prev
- Next »
Moderate user : envira
© 2013 jQuery Foundation
Sponsored by and others.

