Posts by Samuel Souza • 468 points
33 posts
-
1
votes2
answers168
viewsA: Dynamic redirection with CSS or SASS
The correct is you treat the resolutions with CSS and not Jquery or JS, using Responsive Design, The media queries are very used to solve this type of situation, even do not need to have 2 folder a…
-
-1
votes1
answer1651
viewsQ: Animation of texts with css
I need some help with animation CSS: Show sentence wait 2 seconds... Show another sentence and wait 2 seconds... After 2 seconds of the second sentence return to initial animation. <div>Frase…
-
0
votes2
answers152
viewsA: Divs background with a larger side q other
I entered the outlook site, this effect is an image a background within a div, can be in the svg, png, jpg formats, the detail is that it needs to be at least 1920px wide to support most…
-
1
votes2
answers945
viewsA: How to use css in ion-list, ion-item?
To use css in Ionic you can create a class directly in the ion-list, and control the style of the component, in which case you can avoid using html tags and using the components of the framework.…
-
1
votes3
answers62
viewsQ: Click for more than one item
People need to click on each BTN open a content with information, in the example each click open the 3 contents, how to make dynamic this click and each button open its content, open one at a time,…
angularjsasked Samuel Souza 468 -
0
votes1
answer87
viewsA: How to create this effect/animation
I’ll show you a way to get this result: .container { margin-top: 75px; position: relative; } .line-a { border-top: solid 1px; width: 250px; min-height: 2px; position: absolute; } .line-b {…
-
0
votes1
answer30
viewsA: I can’t get an element to wrap in a responsive layout
You need to use a media querie to control the screen, follow example: @media screen and (max-width:992px) { //controlar as classes .logo { font-size: 20px; } } In the pictures use max-width: 100%;…
-
1
votes1
answer375
viewsQ: Enable arrows in horizontal scroll
I have a horizontal scroll, as I do to get the beginning and end of the scroll, I need to enable and disable the arrows. function avancar() { document.getElementById('elementos').scrollLeft += 20; }…
javascriptasked Samuel Souza 468 -
4
votes1
answer207
viewsQ: Problem in scroll hover
When I mouse the button and see the content I can’t use the scroll bar, simply hide the content, someone can give a help? ul>li { list-style-type: none; } ul li:hover .mostrar { opacity: 1;…
cssasked Samuel Souza 468 -
0
votes1
answer315
viewsQ: Customize Material Angular menu
I need to put a margin in this menu when clicked, I want below the button, have to use a hierarchy to not affect the original classes of the component? angular .module('MyApp',['ngMaterial',…
-
0
votes2
answers451
viewsQ: Hover one element and capture another tag
I need to do an Hover in a paragraph and change the color of the link tag, how can I do this? p:hover a { color:red; } <a href="#">Título</a> <p>Passar o mouse troca a cor do link…
cssasked Samuel Souza 468 -
-1
votes3
answers132
viewsA: Ul list with independent dynamic width of items
I arrived at the same result of the table but done in a list, was like this: ul { background:#CCC; padding:0; min-height: 70px; max-width:600px; padding: 4px; display: table-cell; } li { display:…
cssanswered Samuel Souza 468 -
-1
votes3
answers132
viewsQ: Ul list with independent dynamic width of items
I have a list with several blocks, I would like the width of UL to be dynamic, if I delete a <li> the size of the list track without breaking the alignments, it needs to serve for 1 block, 3…
cssasked Samuel Souza 468 -
1
votes3
answers48
viewsA: Doubt regarding CSS selectors
This is a media querie in css, used to work with resolutions. Example on desktop I have a title with size 50px and on mobile I want this title to be smaller. Example: h1 { font-size:50px; } @media…
-
1
votes1
answer61
viewsQ: Increment margin in pixels in Sass
I need to create margins, top, right, left and bottom, I would like to loop in Sass from 0 to 100. Final CSS would look something like this: margem-top: 1px; margem-top: 2px; margem-left: 66px;…
-
0
votes1
answer876
viewsA: And when the overflow doesn’t work?
But you need to put a Hover on mobile and tablet? There are several ways to solve this, one of them is to disable this Scale in smaller resolutions: @media screen and (max-width:990px) {…
-
2
votes3
answers1169
viewsA: Map with dynamic size at div height
I managed to get the result I needed, the problem is not in the map but in the structure of Angular Material, to leave a div or dynamic height map within tabs. Basically it was solved using the…
-
3
votes3
answers1169
viewsQ: Map with dynamic size at div height
I have a map, and I need it to occupy the height of the div, so if I change the resolution and the div lowers the height, it will be in the dynamic position. If it is an angular solution, it would…
-
0
votes3
answers670
viewsA: Apply style in child element according to parent element in SASS With declaration in child
What you can do is create an EXTEND, you can import one class inside the other. // Criamos os extends %chrome { background:red; } %firefox{ background:blue; } // Importamos onde queremos inserir…
-
1
votes3
answers899
viewsA: Div on DIV Fixed
I didn’t understand right, if I can specify better what you need, below follows an example of fixed div: body, html { height:100%; } #container { position:relative; height:90%; width:90%; margin: 0…
-
0
votes3
answers4104
viewsA: Auto height in iframe?
You need to set in the body tag and html height value: 100%, follow example: body, html { height:100%; } iframe { height:100%; width:100%; background:cyan; } <iframe></iframe…
-
2
votes1
answer670
viewsA: How to make an image within a box responsive, using CSS?
Try this css property: background-size: 100% 100%; Below follows an example: .bg { position:fixed; left:25%; top:25%; bottom:25%; right:25%; background:url(http://i66.tinypic.com/30201gn.png) center…
-
1
votes3
answers71
viewsA: Centralization of IVD
Here is an example to center a div vertically and horizontally: .centro { position:absolute; top: 50%; left: 50%; width:200px; height: 200px; margin-top: -100px; margin-left: -100px; border: solid…
cssanswered Samuel Souza 468 -
2
votes2
answers2704
viewsA: Bootstrap 3 - Input spacing
Must be some class not set in html, below has an example with the bootstrap structure, it already comes with margins and spacing standardized, follows example: <h3>4 colunas</h3> <div…
-
0
votes1
answer137
viewsQ: Change dynamic class on mdDialog.show
I need to change the class of the OK button, by default it is dynamic and comes set 'Md-Primary'. $mdDialog.show( $mdDialog.alert()…
-
1
votes2
answers1896
viewsQ: Loader on angled page
I need an angular download for the whole page including html, not just ajax requests. Any suggestions? Example on the link below, preload and load the content.…
angularjsasked Samuel Souza 468 -
0
votes2
answers51
viewsA: $Md dialog when loading the page
I got it here too that way: $mdDialog.show({ controller: DialogController, templateUrl: 'modalDialog.html', scope: $scope, });
angularjsanswered Samuel Souza 468 -
-2
votes2
answers51
viewsQ: $Md dialog when loading the page
I need to open the $Md modal dialog when loading page, any suggestions? $scope.showAdvanced = function(ev) { $mdDialog.show({ controller: DialogController, templateUrl: 'dialog1.tmpl.html', parent:…
angularjsasked Samuel Souza 468 -
3
votes2
answers643
viewsQ: Smooth serration in the gradient
I’m using gradient in CSS, but it gets a serration, it has some way to soften via CSS? p { background-image: linear-gradient(161.2deg, green 50%, white 50%, white); } <p>Gradiente</p>…
cssasked Samuel Souza 468 -
0
votes1
answer172
viewsA: Problems with HTML and CSS structure
Via css you can control the break-points, a tip is to use percentage instead of pixel in div, follow example: @media screen and (max-width: 992px) { div.item-menu { width: 33%; } }…
-
3
votes2
answers268
viewsQ: Close button in <Md-select>
I am using the material angular, and I need a close button when I select the select, it only closes the box if you click outside, below has an example: HTML: <div ng-controller="MyCtrl" layout…
-
-1
votes1
answer685
viewsQ: Slide div to right and left on angular click
I have a div with infinite size and I want the contents of it to slide right or left. <div class="seta-esquerda">Botão deslizar para esquerda (200px)</div> <div…
-
1
votes1
answer84
viewsQ: Angular, doubt how to set checkbox
Guys, I need a help, I have a checkbox that when selected activates a class in , so far it works, problem when I duplicate the tr, it activates the class for both at the same time. I posted the link…
angularjsasked Samuel Souza 468