Posts by Jefferson Alison • 3,804 points
104 posts
-
1
votes1
answer89
viewsQ: Create progress bar with jQuery’s Hover()
I need to create a progress bar while my cursor is on top of an image. If the cursor leaves, then I need the progress to be reset to repeat the process if the cursor goes back over the image. When I…
-
2
votes2
answers303
viewsQ: How to make a page with full blocks using bootstrap?
I need to do something with the image, using bootstrap. Has anyone ever been through it? Have any idea how to do it?…
-
2
votes1
answer465
viewsQ: How to run a video on Android Chrome?
How to run a video with the video tag in the google Chrome browser? My code: <video autobuffer id="bgVideo" loop="true" volume="0"> <source src="/video_bg_1.webm" type="video/webm">…
-
1
votes2
answers808
viewsQ: How to run a Vimeo video on the video tag
Need to run a video of Vimeo in the tag video, how to do? I found this here: <video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"></video> It…
-
6
votes3
answers2663
viewsQ: How to copy to clipboard without using flash?
google Chrome is displaying a message from "This site uses plug-in (Adobe Flash Player) that will soon be no longer compatible". Is there any way to do it without Flash? How? And something that…
-
2
votes1
answer977
viewsQ: How to "crop/slice" the image layout with HTML and CSS?
I have doubts about how to build the layout below with HTML/CSS: I haven’t implemented anything yet, because I have no idea how to do. Any suggestions? Thank you!…
-
0
votes2
answers85
viewsA: Help with Bootstrap
Call the modal so: $('#myModal').modal('show'); API
-
5
votes2
answers694
viewsQ: How to create a drawing in open book format and with content inside?
I need a drawing of an open book with contents inside, as the image below: ONLY WITH CSS!…
-
3
votes2
answers1253
viewsQ: Layout with diagonal div and responsive
I need to create a layout and make Divs diagonally and responsive (100%), as in the example below: The contents inside have to stay horizontal Any ideas? Suggestion? Jsfiddle for editing…
-
0
votes1
answer19
viewsA: Compote ready
I use the Ckeditor, I think it’s really good! You can customize it the way you want it.
-
1
votes1
answer846
viewsA: Positioning of speakers in bootstrap
Try it like this: <div class="col-xs-12 col-md-6"> <div class="row"> <div class="col-xs-12"> <div class="panel panel-default"> <div class="panel-body"> Dados Basicos…
-
2
votes1
answer240
viewsQ: How to run Javascript function on the Current page through the Application Controller?
I’m doing a browser validation (IE < 10) through the Application Controller with the gem "browser". I need any application page that is accessed to run a Javascript function with a message saying…
-
0
votes2
answers228
viewsA: Calculation always active in Jquery
Thus: HTML: <input type="text" class="data_value"> <input type="text" class="data_value"> <input type="text" class="data_value"> <span id="result"></span> jQuery:…
-
4
votes1
answer2354
viewsA: Add required fields
Thus: jQuery: $("input").prop('required',true); If you’re using HTML5, add the attribute required: <input type="text" name="nome_do_campo" required> In $("input"), you can put a class type…
-
2
votes2
answers1909
viewsA: How to get the element id from its class
To show only the id of the li that is with the middle_item class: var i = $("#qualquer .middle_item").attr("id"); alert(i); Jsfiddle…
-
2
votes1
answer545
viewsA: Why doesn’t it change the edge of the input
I believe that this element does not have the property border, is only passing the color with borderColor, that is, it does not find edge to apply this color. Then you create the border by passing…
-
2
votes1
answer39
viewsA: Gray Scale cross browser
Try it like this: .parceiros li a img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /*…
css3answered Jefferson Alison 3,804 -
1
votes3
answers128
viewsA: List with display inline does not work properly
Try it like this: .info li { float: left; width: 33%; } Example tested in all browsers…
-
1
votes2
answers3400
viewsA: How do I use @Font-face with an arbitrary font?
Must be problem with path. I made an example using "font online": Jsfiddle See if it rolls there in your code.
-
2
votes2
answers9439
viewsA: I can’t center an image semantically
Do so: <header> <p class="text-center"><img src="images/bg-header.png" id="bg-header"></p> <ul class="menu"> <li><a href="#">Home</a></li>…
-
3
votes2
answers4468
viewsA: Favicon does not appear
Try to clean up the cache, I also have this kind of problem. If not cache is the path(path) that must be wrong.
-
4
votes2
answers3250
viewsA: How to sort a combo select by the text of options?
function NASort(a, b) { if (a.innerHTML == 'NA') { return 1; } else if (b.innerHTML == 'NA') { return -1; } return (a.innerHTML > b.innerHTML) ? 1 : -1; }; $('select…
-
2
votes2
answers190
viewsA: Rails Console does not load the methods and classes of my application, why?
Use Person (uppercase first letter) instead of person (first lower letter) a = Person.first
-
23
votes8
answers44013
viewsQ: How to remove auto complete input from google Chrome?
I want to remove yellow background when this enabled auto complete from Google Chrome. I tried to disable auto complete by applying: autocomplete="off" and I was unsuccessful. The top image is the…
-
1
votes3
answers1551
viewsA: Keep the height of a div block proportional to its width
I didn’t get it right, but it’s something like that? #a { width: 35%; height: 300px; background-color: #c64800; float: left; padding: 0 40px 40px 0; } #b { max-width: 100px; padding: 53%; display:…
-
1
votes2
answers686
viewsA: Rails 4 translated error messages, change model name and attributes
Try it this way, buddy: activerecord: models: user: Usuário attributes: user: name: "Nome" email: "E-mail" password: "Senha" password_confirmation: "Senha Confirmação"…
-
4
votes1
answer460
viewsQ: How to enable and disable automatic scroll in a chat?
I am having doubts in the implementation of this resource. I have a link that does this action, like enable and disable the automatic scroll. For better understanding, visit JSFIDDLE below: EXAMPLE…
-
4
votes2
answers1462
viewsA: Bug when using Select2 in a Bootstrap form-group
A solution: .select2-container .select2-choice > .select2-chosen{ white-space: normal; } Jsfiddle example…
-
7
votes2
answers17919
viewsA: Remove and add elements depending on resolution
Use Media Queries @media (max-width: 1024px) { #navbar{display: none;} .btn-toggle{display: block;} } By default leave the toggle button with "display: None", when you arrive at this size of 1024 it…
-
0
votes2
answers146
viewsA: Move element over element where cursor is
Offset example() $('#bts div[id^="bt"]').mouseenter(function() { var offset = $( this ).offset(); $("#hoverLayer").offset({ top: offset.top, left: offset.left }); })…
-
1
votes3
answers4578
viewsA: Create a comic balloon-like div
Another example here: .content_ballon{ background: #37688D; height: 50px; width: 100px; position: relative; margin-left: 9px; color: #fff; padding: 3px 5px; } .ballon img{ position: absolute; }…
-
6
votes1
answer1063
viewsQ: How do I make a checkbox table (Access Level Table) responsive?
I don’t know if anyone has ever come across this type of structure. But here’s the thing, I need to leave this image table below responsive. Has anyone seen anything, knows how, or has any idea how…
-
4
votes3
answers29719
viewsQ: How to create a button(button) or a link(a) to download a particular file?
I need to create a button that when clicking is performed the download and not open in another tab or window. Can be any type of file both image, pdf, music among others.
-
0
votes2
answers1762
viewsQ: How to create a responsive pricing chart?
I need to create a responsive price list, but I don’t know how to start. I don’t know if I use list or table. Below is an example of how it is to stay: Does anyone have any idea?…
-
0
votes1
answer124
viewsQ: How to make "custom" background for a word? (how the image shows)
How to do this kind of background effect, as shown in the image below? If possible using CSS. I want it to look like the image. I did it with the text-shadow (http://jsfiddle.net/9N94B/) but it…
-
0
votes2
answers456
viewsQ: Javascript files do not load in production. How to resolve?
I have the following problem. In production some JS files do not appear, already in development appear. Production: Developing: Does anyone know how to solve?…
-
3
votes2
answers1018
viewsQ: How to drag elements using dragSort inside a scroll div?
I need the elements to be dragged only inside a div that has scroll. For example: HTML <ul id="list1"> <li><div>1</div></li>…
-
0
votes2
answers199
viewsA: How do I position two Ivs relative to a third (Fixed)?
You can margin-top the div you want to stay down. Example: http://jsfiddle.net/uU5Bn/
-
2
votes3
answers1666
viewsQ: How to view a dropdown menu of a button inside a div with overflow: Hidden?
I have the following problem: by clicking on the dropdown button inside a div with overflow property: Hidden it opens, but gets cropped. Example: HTML <div class="scroll"> <div…
-
1
votes2
answers3742
viewsQ: How to check if Internet Explorer is smaller than version 10?
I need to do a browser check to know if it is Internet Explorer and if it is smaller than version 10. How to do? PS: My idea is to tell the user if you are using a version less than 10 that…
-
3
votes1
answer884
viewsQ: Error: incompatible Character encodings: UTF-8 and ASCII-8BIT
Incompatible Character encodings: UTF-8 and ASCII-8BIT. {"utf8"=>"✓", "authenticity_token"=>"3cl0R8ghLDvPMGkh0I+LCrzQjmyu1donLE9y58rIT1k=", "post"=>{"title"=>"Somos apaixonados por…
-
4
votes1
answer1648
viewsQ: How to create a slide with two Divs?
I need to create a slide with two Ivs. I made one here only that is appearing a scroll bar below, look at the Jsfiddle. HTML <div class="carrousel"> <div class="item active" id="about">…
-
4
votes1
answer830
viewsQ: How to access elements of an iframe from an external page?
I need to access an id inside an external page I’m rendering in an iframe on my site. That permission error is occurring. How to resolve this? This is the page link:…
-
2
votes3
answers1882
viewsQ: How to use Fixed position within a div?
I have a div who has yours header and its content that has a height fixed and this has scroll. How to put position: fixed in the header (where is the title), without it moving when the scroll go…
-
4
votes3
answers4318
viewsQ: How to set your own domain in Heroku?
I bought a domain and need to configure together my application that is in Heroku. How to do this?
-
0
votes1
answer262
viewsQ: How to authenticate with Devise via AJAX?
I need to do login, for example, on the home of my website using GEM Devise with AJAX. Does anyone know any way?
-
3
votes1
answer760
viewsQ: How to apply css to body inside an iframe?
I want to apply background: Transparent on the body that is created within an iframe. For example: <iframe src="http://www.meusiteteste.com.br" id="frame_result_show"…
-
3
votes2
answers2104
viewsQ: How to add R7 portal bar on site?
I need to implement that R7 portal bar at the top of a website, does anyone know any way to do that? It’s got to make this bar adaptable to any screen size? That’s the bar:…
-
6
votes3
answers691
viewsQ: How to leave Facebook comment plugin with 100% width?
Is there any possibility to leave the facebook plugin with 100 width%? I think his default is 550px wide.
-
4
votes3
answers3627
viewsQ: How to Lock a Responsive Page in Portrait(Picture)?
Is there any solution to display the web page always in Portrait(portrait) on mobile devices, even if the user turns to Landscape(landscape) mode? That is, always leave locked in Portrait.