Hello I have doubt how to add hover effect, when we hover a navbar dropdown menu.
SRI BALAJI R () - 8 years ago - Reply 0
hello i don't know why it dosn't work for me i add the style and i add html and already i have bootstrap added (last version)
Brahim Moullablad () - 9 years ago - Reply 0
try to past this
<script src="//code.jquery.com/jquery-1.11..."></script>
<script src="//netdna.bootstrapcdn.com/boo..."></script>
<script src="http://bootsnipp.com/dist/s..."></script>
<script src="http://d1n0x3qji82z53.cloud..."></script>
<script type="text/javascript">
(function($) {
window.addEventListener('message', receiveMessage, false);
function receiveMessage(evt)
{
if (evt.origin !== 'http://bootsnipp.com') return;
if ((evt.data != undefined) && (evt.data) && (typeof evt.data === "number"))
if(evt.data >= 500) {
$('#playground-container').css('height', evt.data+30+'px');
}
}
var htmleditor = ace.edit("editor-html");
var jseditor = ace.edit("editor-js");
var csseditor = ace.edit("editor-css");
$('#theme_chooser').change(function(){
whichCSS = $(this).val();
document.getElementById('snippet-preview').contentWindow.changeCSS(whichCSS);
});
function setEditorOptions(editor, type){
editor.setTheme("ace/theme/clouds");
editor.setHighlightActiveLine(false);
editor.setReadOnly(true);
editor.getSession().setMode("ace/mode/"+type);
};
setEditorOptions(htmleditor,'html');
setEditorOptions(jseditor,'javascript');
setEditorOptions(csseditor,'css');
function markActive(el)
{
$(el).siblings().removeClass('active');
$(el).addClass('active');
}
$('#show-html').click(function(e){
e.preventDefault();
$('#editor-html').show().siblings().hide();
markActive(this);
$('#preview-container').hide();
htmleditor.resize();
});
$('#show-js').click(function(e){
e.preventDefault();
$('#editor-js').show().siblings().hide();
$('#preview-container').hide();
markActive(this);
jseditor.resize();
});
$('#show-css').click(function(e){
e.preventDefault();
$('#editor-css').show().siblings().hide();
$('#preview-container').hide();
markActive(this);
csseditor.resize();
});
$('#show-preview').click(function(e){
e.preventDefault();
$('#preview-container').show();
$('.playground-editor').hide();
markActive(this);
});
})(jQuery);
</script>
<script type="text/javascript" src="http://cdn.buysellads.com/a..."></script>
Moataz () - 9 years ago - Reply 0
