Posts by hugocsl • 65,517 points
1,996 posts
-
3
votes3
answers1526
viewsA: Has Actionscript become useless?
Actionscript is not a Flash-only language. You can use it on the server side with Redtamarin for example. You can use it in Flexjs. You can use it in Flex. And obviously in Flash itself. And you can…
-
0
votes1
answer174
viewsA: <iframe> after article in joomla
Try it like this... You can create a module type "Custom" (unfortunately one for each book, because each one will have a <iframe> different). After that enables this Module on the book article…
-
5
votes3
answers1697
viewsA: How to achieve this effect in a progress bar?
I did only with CSS, I left the animation with 5 seconds, but the @keyframes I divided in 10 steps if you want to control the animation better with JS. I left the animation with infinite looping,…
-
2
votes2
answers37
viewsA: Keywords in Paginations
Here’s a technique that might be interesting too. What you have to do is execute titles logic before html, see below. <?php //index.php //aqui vem a lógica php antes do html carregar $page =…
-
0
votes1
answer109
viewsA: Show date automatically when creating form
Your input this with the value misspelled. Try this in your. php file and test in your serve local: <input type="date" value="<?php echo date("Y-m-d");?>">…
-
2
votes2
answers430
viewsA: Hover - css does not work
EDIT: Putting the color on Hover What is happening is that the Background-Color of TH does not let you see the color change of the Background-Color of TR. Summarizing in :hover you have to take the…
-
1
votes1
answer138
viewsA: Toogle button with html action
I made this model only with CSS, it is very simple, but it is only for didactic purposes and for you to better understand the technique. Here’s a label with a for to the input checkbox that when you…
-
2
votes5
answers3285
viewsA: Remove the space between two Ivs
The tag P by default has the following parameters in Chrome for example: p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end:…
-
0
votes1
answer88
viewsA: What is the track Listing and grid track in the grid layout?
Grid Tracks We define rows and columns on our grid with the properties grid-template-columns and grid-template-rows. That defines the grid Tracks. A grid track is the space between two lines in a…
-
0
votes1
answer131
viewsA: CSS Grid Layout
This is perhaps more a design issue than a front-end issue, but thinking about how one affects the other and the user experience (UX) and the purpose of the application you can vary quite between…
-
2
votes3
answers678
viewsA: How to change the background of the radio button when it is selected
Edit: After the comment it became clear what you wanted. Follow the code. OBS: Try not to use Bootstrap’s default class names elsewhere, such as putting the class="btn" in a Div OBS2: Another thing.…
-
1
votes1
answer406
viewsA: My pull-right class isn’t pushing the menu to the right can anyone help me?
To the Class pull-right work, it needs to follow a hierarchy of Classes within the Bootstrap Standard. This is when a Daughter Class only works within a Father Class, in short, for the class to…
-
0
votes3
answers111
viewsA: I want to make a bar with my logo and my submenu
Lucas from what I read in your question and comments I think you want the menu with Blur and aligned in the center of the correct page. I used the CSS that Thomas created to do Blur and added this…
-
2
votes2
answers1929
viewsA: What is the ideal size for mp4 video at the bottom of the page
My tips, First add a poster poster="1frame-do-video.jpg" in your tag of <video> and place the attribute preload="auto". So while the video does not load is the background image and not the…
-
1
votes1
answer59
viewsA: I made 3 slidesshow but between the slidesshows this to be a space
Luke what happens is that you are using the classes of W3CSS is probably importing the CDN <head> of your page. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">…
-
1
votes1
answer500
viewsA: Pure CSS for circle progress
Diego we go by parts. First style clip:rect(); was discontinued. Now what is used is the Clip-Path In addition to the Rect that is to say rectangle, Antão would never work with it in circle shape.…
-
1
votes1
answer1600
views -
2
votes1
answer57
viewsA: Restrict CSS to IE
Only for IE10 and IE11 you can do so! @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .box-form .logo-footer { margin-top: -2vh!important; margin-bottom: -9vh!important;…
-
1
votes2
answers1217
viewsA: Overlay two images with :
I’ve made three choices for you. With Pseudo Element ::after, with Dois Backgrounds (in this option the CSS can be more extensive, but worth of reference). And I made a template with Position and…
-
1
votes1
answer90
viewsA: Problem with body and background tag-Attachment: Fixed;
Felipe maybe that’s not the answer to what you need. But by the talk in the commentary and the site you showed as reference I think you’re looking to make a Parallax with the Background check? Take…
-
1
votes2
answers118
viewsA: Problem leaving a background img no body{} reponsive
First put a size on html and body to not have problems resize. Then the Browser reads CSS from top to bottom, then first you need to declare the Background (which is a "shortcut" where you can…
-
1
votes2
answers62
viewsA: I’m trying to move my text to the bottom right corner but I can’t
I made this very simple little model just to help you understand the code, if you have any questions and just comment that I help you. Click Run to see working! html, body { margin: 0; padding: 0;…
-
2
votes2
answers48
viewsA: Does google take more into account the name View/Controller or Parameters?
Google Bot sees no difference. It will prompt the page and get the generated HTML code back, so it doesn’t matter if it’s a static page or a page generated. It will never see the server code, only…
-
1
votes1
answer71
viewsA: Problem leaving a Responsive service
Face the Browser does not usually "zoom" in fixed values as in PX for example. Ideal for your website to be Responsive in Browser Zoom is to use all values in % or Vw/Vh OBS: Despite that I advise…
-
0
votes1
answer688
viewsA: Insert item titles on the side
Here’s a text template next to each image thumbnail. OBS1: You need to format the @media to align the text on each screen size. You’ll need to customize some CSS to look cool on every screen size.…
-
3
votes1
answer6731
viewsA: How to keep the input date bootstrap on the page?
Marcelo remade the Snippet and includes a Script to make the Datapicker work on input=text I had to include this at the end of HTML <script…
-
1
votes1
answer49
viewsA: I’m having trouble using radio input to do other things
AKU as I mentioned above in the comment of your question, if the use of color is only for user experience, to guide you in some sense and do not need validation in the bank there is no reason to…
-
1
votes1
answer83
viewsA: How to use line-height with percentage?
In the example you mounted to align the text vertically using line-height in % you will have to put the height of the line-height 3x greater than the height of the height of the Father. For example:…
-
1
votes1
answer112
viewsA: I created a non-responsive form. How do I make it responsive?
Marina I’m including this answer just to clarify for you how the Viewport works and why your site is probably not responsive even with the Viewport and Bootstrap. First see how the <meta…
-
1
votes1
answer122
viewsA: Progress bar in a cell of a table
I edited the answer completely, now that you said that is Bootstrap I made this template with a bar for each day, with the original BS classes, does not include any new CSS and I think will suit…
-
2
votes1
answer2577
viewsA: Open html page in modal
I have a solution that you can use, but the page where the modal will be needs to be in .php. It doesn’t need script or anything. It’s quite simple actually just need to include <?php include…
-
1
votes1
answer239
viewsA: Links and images menu with float
Caique your code is very messy rss, so I made a very basic model with some measurements in PX same and with Flexbox to you have an idea. html, body { font-family: 'Open Sans'; padding:0; margin:0;…
-
2
votes1
answer187
viewsA: Use of picture tag showing multiple images simultaneously
I don’t know if it suits you, but you can use a background image on the Figure tag, and the Pngs on top. I made below a very simple model of what I’m talking about. (Also show "Whole Page" to see…
-
2
votes1
answer1230
viewsA: Range: change color of progress bar in Chrome
In Browsers Webkit you can work with these classes: ::-webkit-appearance: ; ::-webkit-slider-runnable-track ; ::webkit-slider-thumb ; Here is a reference article…
-
1
votes4
answers6985
viewsA: How to underline html / css
I’ll take the question to clarify a few things. The link has some different states depending on the interaction of the úsuário. a {} a:link {} a:visited {} a:focus {} a:hover {} a:active {} Source:…
-
1
votes2
answers173
viewsA: Transform text to text on Hover!
I ran a test using @keyframes in place of transition And the result was even interesting, greatly diminished that little buggy at the time of the text. I made a simple example, see the result.…
-
5
votes2
answers867
viewsA: Create function that simulates typing
The name of this effect is Typewriter Effect Here is a complete collection, some using only CSS others with CSS and JS also. https://css-tricks.com/snippets/css/typewriter-effect/ (study the…
-
3
votes3
answers1569
viewsA: Command suggestions in Vscode
You can also create your own snippets Goes into File > Preferences > User Snippets at the prompt you open choose JavaScript for example and creates your Binds. Look at the example below: (in…
-
1
votes1
answer409
viewsA: Problem when changing menu colors with bootstrap-Less 3.3.7
@Kirito confers the Csss indexing order on <head> from the page you will solve your problem! Your CSS that is with the classes you want to replace should be the last! If he’s like this it…
-
0
votes2
answers260
viewsA: How to disable directory listing in Wordpress
I’m no expert, and I don’t know if that’s exactly the answer you want, but I’ll give you some tips on what I’ve seen. First in robots.txt from your site disable the directories so that they do not…
-
4
votes2
answers5772
viewsA: How to save the entire project using Visual Studio Code
There is another option, which would be you to configure the "Auto Save" VS Code. So your files will always be saved without any commands Go on File > Preferences > Settings and then search…
visual-studio-codeanswered hugocsl 65,517 -
0
votes1
answer32
viewsA: Help in plugin or function
Darlei suggest you Bulk Delete. https://wordpress.org/plugins/bulk-delete/ Here’s their project on Github https://github.com/sudar/bulk-delete README:…
-
0
votes1
answer623
viewsA: Bootstrap 4 Nav bar
Check out your code running on BS4, did not present BUG, I just commented the <script> not to give error in the snippet stackoverflow <!DOCTYPE html> <html lang="en"> <head>…
-
1
votes2
answers1226
viewsA: How to override one HTML page
Actually this effect was done using probably a ::before above the background. In the element ::before you can use the transform:skewY() to have that effect. Simple example (I put in a little…
-
1
votes2
answers458
viewsA: Menu with blocks side by side, a fixed and other fluid
I made a really simple model, look if it fits you. To div left has no size, but has a right margin that is the size of the right div. That way I did the "Calc" just discounting with the margin the…
-
2
votes1
answer122
viewsA: Using the awesome Font icons in Woocommerce?
I believe this way it will work, goes in functions.php and adds this code. add_action( 'wp_enqueue_scripts', 'enqueue_load_fa' ); function enqueue_load_fa() { wp_enqueue_style( 'load-fa',…
-
1
votes3
answers172
viewsA: Is it possible to find darker/lighter shades from a hexadecimal?
Template with CSS only. I made this model that has ONLY ONE COLOR, Just exchange it and the whole scale changes div {background: #338A2E; /* qualque cor aqui */}. The technique is to create a pseudo…
-
1
votes3
answers172
viewsA: Is it possible to find darker/lighter shades from a hexadecimal?
Felipe I’ll give you 3 models that should help you with your answer. 1 - Various types of color scales (I think it’s as close as you want, but I couldn’t get it to work on the Stackoverflow Snippet)…
-
3
votes1
answer70
viewsA: Is it safe to use grouped media queries?
Bernardo Here’s a tip. By the W3C orientation it would be possible to use the nested @media. As you can see in the official documentation: https://www.w3.org/TR/css3-conditional/#Processing But to…
-
1
votes2
answers182
viewsA: Does dynamic SEO work?
The subject matter is complex and controversial, but it is not very difficult to understand. Follow my considerations. I will divide the subject into two parts, the first is for you to evaluate if…