Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Shreft, color of content in blocks

A
Amritpal last edited by

I don't need a typewriter on the CSS, the color of content in the blocks, I don't even know what code CSS is for this. I only do one day and I can write a lot. Please help me write a CSS code for content in blocks =
Thank you.
Reply Quote 0
1 Reply Last reply
A
Anderson last edited by
If I understood you correctly the color of the print and the style of it? Or the cream? If the color is in the right class,
```
.class{  
  color: red; - где red - это цвет.  
  font-family: Times new Roman; - где Times new Roman - сам стиль шрифта  
 }
```
If you don't know how to spell it out for the Invida unit, then for each of the htmls, you have to write your class. I can explain in detail if you need to.
By the way, if you're interested in believing that you're gonna keep this site in the mortgages. http://htmlbook.ru
Reply Quote 0
1 Reply Last reply

css 19108

2
Posts

0
Views

Suggested Topics

How do you make a part of the picture behind the block and a part in front of the block? Because it's desirable.
Software Programming • html cs • • inna

2

0
Votes

2
Posts

0
Views

R

As an option, to break the picture to the main and background and then play with the z-index: body { text-align: center; } .container { border: 13px solid #e3e107; position: relative; display: inline-block; width: 50%; height: 200px; } .glass { position: absolute; top: 15px; left: -150px; z-index: 1; animation: move 2s infinite; } .back { z-index: -1; } @keyframes move { 0% { left: -120px; } 50% { left: -180px; } 100% { left: -120px; } }<div class="container"> <img class="glass back" src="https://i.stack.imgur.com/pggk5.png"> <img class="glass" src="https://i.stack.imgur.com/XXUAL.png"> </div>
O

Horizontal Menu - CSS
Software Programming • css submenu • • Oba22

2

0
Votes

2
Posts

0
Views

P

I didn't understand correctly why (I wasn't looking either), but need to float the "parent" menus:.menu > ul > li { float:left; /* <- Adicione essa propriedade */ list-style: none; text-align: center; margin: 0; padding: 0; } https://jsfiddle.net/2cq8fkn2/2/
A

Change the effect of a source
Software Programming • css html5 • • amarantha

2

0
Votes

2
Posts

0
Views

T

The font style is determined by the property font-style, this is what determines that it is in itálica. The initial state is normal so the whole text should be displayed without italics unlessA child element is changing itA style with more specificity is being appliedBe put on inherit and is inheriting the value of a parent elementIn your case, there's a son element changing it. You just have to remove the element <em> or create a class and apply item.estilo-normal { font-style: normal; } <em class="estilo-normal">Esencia Rústica</em> Or you could tell him to inherit from his father who already brings him in normalem.estilo-normal { font-style: inherit; } <em class="estilo-normal">Esencia Rústica</em> Please. https://github.com/CSSLint/csslint/wiki/Disallow-!important if not strictly necessary. It's always considered a bad practice and it's nothing that can't be solved with classes that have more https://developer.mozilla.org/es/docs/Web/CSS/Specificity .
T

Give me the violin of the Jquery page from the block to the block.
Software Programming • javascript jquery plugin jquery tools • • Trenton

2

0
Votes

2
Posts

0
Views

C

http://imakewebthings.com/jquery-waypoints/ http://www.howtomake.com.ua/front/plavnaya-navigaciya-na-stranice.html Also a smooth transition on the anchor$(document).ready(function(){ $('a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top - 100 }, 2000); e.preventDefault(); }); return false; });
N

Why is CONTENT Block going down
Software Programming • html cs • • nishika

2

0
Votes

2
Posts

0
Views

Cause of the block .content Going down, you have two inline blocks around, and they're default-like. We need to add this block. vertical-align: top♪Well, the rest of you have to make some amendments to the code: remove the mark from the mark. head♪ footer should be inside. bodyand, in general, about semantic theater, read about the diversity of HTML5 elements.
J

How do I make a floating substitution fixed by location?
Software Programming • javascript jquery css • • juvenalb

2

0
Votes

2
Posts

0
Views

E

at the initiation, it's locked in a certain place, not under every wordFor example: $('.menu > li').hover( function() { $(this).addClass("active"); $(this).find('ul').stop(true, true).slideDown('slow'); }, function() { $(this).removeClass("active"); $(this).find('ul').stop(true, true).slideUp('slow'); } );ul { margin:0; padding:0; list-style-type:none; } .menu { display:block; position:absolute; top:100px; left:50px; } .menu > li { display:inline-block; height:20px; position:relative; } .menu > li > ul { position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(200, 200, 200, 1); max-width: 980px; width: 100%; /height: 340px;/ display:none; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <ul class="menu"> <li> <a href="#">Раздел1</a> <ul> <li><a href="#">Подаздел1</li></a> <li><a href="#">Подаздел2</li></a> <li><a href="#">Подаздел3</li></a> </ul> </li> <li> <a href="#">Раздел2</a> <ul> <li><a href="#">Подаздел1</li></a> <li><a href="#">Подаздел2</li></a> <li><a href="#">Подаздел3</li></a> </ul> </li> <li> <a href="#">Раздел3</a> <ul> <li><a href="#">Подаздел1</li></a> <li><a href="#">Подаздел2</li></a> <li><a href="#">Подаздел3</li></a> </ul> </li> </ul>
How to spread the "fixed title" of a page and posts?
Software Programming • php html css • • Analeea

2

0
Votes

2
Posts

0
Views

O

As @Patrick says, since your navigation bar or header you will always be present throughout your pages the safest way will be to add to your container's CSS where your posts are housed a margin-top: 50px;..header{ width: 100%; height: 50px; position: fixed; top: 0; background-color: #ccc; } .container{ width: 100%; height: 100%; color: #fff; background-color: #111; margin-top: 50px; } .sub-container{ width: 100%; float: left; } You can see http://jsfiddle.net/2XcCN/ and scroll on the display to see your fixed titleFor several containers on the site I would use the following structure:<body> <div class="header">PNG TEST</div> <div class="container"> <div class="sub-container"></div> <div class="sub-container"></div> <div class="sub-container"></div> </div> </body> Once the technique of the fluid layout is the extensive use of percentages in the CSS, just put the height of your bar equally with percentage:.header{ height: 5%; } NOTE: However it is deconceivable to put percentages in heights (height)
J

Draw circle in Html5
Software Programming • javascript html css • • Jolied

2

0
Votes

2
Posts

0
Views

Here is a simple option with SVG, tried to leave the most didactic way possible, the idea is to use a "bridged line" on the edge of a circle svg and as stroke-dasharray and stroke-dashoffset vc controls the filling of the chart. It's nothing too complex, and you can control all the properties with JS and CSS. Everything is centralized with flex No container and position:absolute in the children. Enjoy and include an animating option stroke-dashoffset to vc see how easy it is to animate the chart just using CSS with @keyframes Seg the code image above. body { display: flex; } .graph { text-align: center; width: 100px; height: 100px; line-height: 60px; text-transform: uppercase; font-family: sans-serif; text-decoration: none; font-size: 14px; position: relative; display: flex; justify-content: center; align-items: center; } svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; fill: transparent; stroke-width: 12px; stroke: #ddd; } .graph svg.cor { stroke: green; stroke-dasharray: 255; stroke-dashoffset: 55; transform: rotate(-90deg); transform-origin: center; } .graph svg.cor-anim { stroke: red; stroke-dashoffset: 255; animation: anim 5s infinite; } @keyframes anim { 45% { stroke-dashoffset: 55; } 55% { stroke-dashoffset: 55; } }<div class="graph"> <svg> <circle cx="50" cy="50" r="40" /> </svg> <svg class="cor"> <circle cx="50" cy="50" r="40" /> </svg> Btn </div> <div class="graph"> <svg> <circle cx="50" cy="50" r="40" /> </svg> <svg class="cor cor-anim"> <circle cx="50" cy="50" r="40" /> </svg> Btn </div>In this answer you have more details in a similar model only in one rect No hover the link: https://pt.stackoverflow.com/questions/348883/pintar-parcialmente-a-borda-em-css/348906#348906 And in that other has something similar only with CSS, and as you can see in the future with conic-gradiente vc will manage to do this only with CSS: https://pt.stackoverflow.com/questions/319656/como-poderia-fazer-um-pacman-mexendo-a-boca-com-css-puro/319669#319669
A

I want to show each color of the image like a color bar
Software Programming • python image proc languageessing google c languageolaborat • • amarantha

2

0
Votes

2
Posts

0
Views

S

The following is not a response, but it may be a reference.First, let's examine the number of colors included.$ identify -format '%k\n' 000137042.png 5493 $ identify -verbose 000137042.png Format: PNG (Portable Network Graphics) Colorspace: sRGB Type: TrueColor Depth: 8-bit Channel depth: red: 8-bit green: 8-bit blue: 8-bit : The result is 5493 colors, but this is trueColor(24 bit color). Let’s create a color bar with 512 colors.$ convert ( 000137042.png -colors 512 ) ( -size x50 xc:white ) ( -size 2x25 $(convert 000137042.png -colors 512 -format %c histogram:info:- | awk '{printf "xc:%s ", $3}') +append ) -append colorbar-512.png There is no significance. Home HomeNext, let's change the particle size of。nization (the degree of dissolving).f=000137042.png w=$(identify -format '%w' $f) for c in 8 12 16 do convert ( $f -colors $c ) ( -size x50 xc:white ) ( -size $((w/c))x25 -bordercolor black -border 1x1 $(convert $f -colors $c -format %c histogram:info:- | sort -nr -k1,1 | awk '{printf "xc:%s ", $3}') +append ) -append colorbar-${c}.png done 8 Colors 12 Colors 16 Colors In 8 colors and 12 colors, I think that the grain size of。nization is too rough and partially color changes. As a result, there is a minimum of 16 different colors for this image.In the image, the background is white, and the string of annotation is close to black, so specify the "color distance" andを選んで the "close" color from the previous 16 colors to black or white, and then select the color in the order of histogram large (but not the appropriate result).
E

How can you put two div blocks on one block?
Software Programming • css • • esther

2

0
Votes

2
Posts

0
Views

J

To accommodate the elements in the lower part of the block, the properties should be used. align-items: flex-end♪Now add it. height: 100px; for a parent unit div-chat-window instead div-chat-text-field.div-chat-window { height: 100px; border: 5px double #2c3e50; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-left: 200px; margin-right: 200px; } .div-chat-text-field { width: 95%; bottom: 0; } .input-text-field { width: 100%; } .div-button-send-message { justify-content: flex-end; bottom: 0; }<div class="div-chat-window"> <div class="div-chat-text-field"> <input class="input-text-field" type="text" name="text-chat-field" placeholder="Enter your message... "> </div> <div class="div-button-send-message"> <button id="Send">Send</button> </div> </div>
A

How do you put the block on the introduction and show some kind of text on the center inside the block?
Software Programming • html cs • • amarantha

2

0
Votes

2
Posts

0
Views

Z

Here's an example..circle { width: 100px; height: 100px; border-radius: 50%; background: red; position: relative; overflow: hidden; } .circle:hover .circle__mask{ display: block; } .circle__mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 100px; background: rgba(0,0,0,0.5); color: white; display: none; }<div class="circle"> <div class="circle__mask">More</div> </div>
Duda sobre mi javascript enlazado con html
Software Programming • javascript html jquery css html5 • • morde

2

0
Votes

2
Posts

0
Views

R

Play with classes. In my case if it's yes, I change not and change the src. If it's not changing to himself and the same, I change the src.Remember to delete the class before you add another one, or you'll have both.$("#imagen").click(function(){ $(this).toggleClass( "no" ); $(".si").attr("src","http://www.i2clipart.com/cliparts/9/3/a/f/clipart-green-tick-93af.png"); $(".no").attr("src","http://www.i2clipart.com/cliparts/8/9/e/0/clipart-red-cross-89e0.png"); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img src="http://www.i2clipart.com/cliparts/9/3/a/f/clipart-green-tick-93af.png" id="imagen" class="si">
J

You can explain why bootstrap doesn't put the blocks on the line and how to do whatever it takes to put the blocks on the line.
Software Programming • bootstrap web programming pervert • • jules

2

0
Votes

2
Posts

0
Views

S

You' an incorrect structure. .row --> .portfolio-blocks --> [class*=col-]It's necessary. .row --> [class*=col-].portfolio__text h2 { font-size: 40px; font-weight: bold; text-transform: uppercase; } .portfolio__text p { font-size: 18px; color: #777777; font-family: serif; } .portfolio__text { text-align: center; margin: 0 auto; padding-bottom: 80px; } .portfolio { padding-top: 120px; background: $background; } .portfolio-block { background: #fff; max-width: 290px; max-height: 410px; padding: 0; } .portfolio-block__text { text-align: center; padding-bottom: 5px; padding-top: 30px; } img { max-width: 100%; }<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Golden</title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <section class="portfolio"> <div class="container"> <div class="row"> <div class="portfolio__text col-lg-12"> <h2>Our portfolio</h2> <i><p>Proin iaculis purus consequat sem cure. </p></i> </div> </div> <div class="row portfolio-blocks"> <div class="portfolio-block ebony-ivory col-lg-3 offset-lg-0"> <div class="image"> <img src="http://cdn.iz.ru/sites/default/files/styles/900x506/public/news-2018-05/Depositphotos_37289893_l-2015.jpg?itok=6qX1E6gM" alt=""> </div> <div class="portfolio-block__text"> <h4>Ebony & Ivory</h4> <i><p>Branding</p></i> </div> </div> <div class="portfolio-block ebony-ivory col-lg-3"> <div class="image"> <img src="http://cdn.iz.ru/sites/default/files/styles/900x506/public/news-2018-05/Depositphotos_37289893_l-2015.jpg?itok=6qX1E6gM" alt=""> </div> <div class="portfolio-block__text"> <h4>Ebony & Ivory</h4> <i><p>Branding</p></i> </div> </div> <div class="portfolio-block ebony-ivory col-lg-3"> <div class="image"> <img src="http://cdn.iz.ru/sites/default/files/styles/900x506/public/news-2018-05/Depositphotos_37289893_l-2015.jpg?itok=6qX1E6gM" alt=""> </div> <div class="portfolio-block__text"> <h4>Ebony & Ivory</h4> <i><p>Branding</p></i> </div> </div> </div> </div> </section> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>
E

As inside a transparent block, make a non-transparent block
Software Programming • html cs • • elysha

2

0
Votes

2
Posts

0
Views

div.element-hover{opacity: Establishes transparency for the whole block that is not inherited, it is simply established that it is in the parent. That makes sense. It's a unit by definition. We just need the rest of the text, put it in the next block, and we need to make it transparent. This is an example: http://jsfiddle.net/ankitest/phnf89q6/embedded/result/ There's another way to look at the task. Introduce the colour of the background and boundaries (possibly the type of print, again so as to what purpose) of the div block through rgba(0.0,0.0).
Z

How do you put a block in a block without the width and cover up a part of the block outside the parent block?
Software Programming • html cs twist • • zymir

2

0
Votes

2
Posts

0
Views

C

.a { overflow: hidden; } .b { position: relative; }.a { height: 300px; width: 200px; background-color: red; position: inherit; overflow: hidden; } .b { height: 200px; width: 200px; background-color: blue; position: relative; top: 50px; left: 100px; }<div class="a"> <div class="b"></div> </div>

Shreft, color of content in blocks

Suggested Topics

How do you make a part of the picture behind the block and a part in front of the block? Because it's desirable. Software Programming • html cs • • inna

Horizontal Menu - CSS Software Programming • css submenu • • Oba22

Change the effect of a source Software Programming • css html5 • • amarantha

Give me the violin of the Jquery page from the block to the block. Software Programming • javascript jquery plugin jquery tools • • Trenton

Why is CONTENT Block going down Software Programming • html cs • • nishika

How do I make a floating substitution fixed by location? Software Programming • javascript jquery css • • juvenalb

How to spread the "fixed title" of a page and posts? Software Programming • php html css • • Analeea

Draw circle in Html5 Software Programming • javascript html css • • Jolied

I want to show each color of the image like a color bar Software Programming • python image proc languageessing google c languageolaborat • • amarantha

How can you put two div blocks on one block? Software Programming • css • • esther

How do you put the block on the introduction and show some kind of text on the center inside the block? Software Programming • html cs • • amarantha

Duda sobre mi javascript enlazado con html Software Programming • javascript html jquery css html5 • • morde

You can explain why bootstrap doesn't put the blocks on the line and how to do whatever it takes to put the blocks on the line. Software Programming • bootstrap web programming pervert • • jules

As inside a transparent block, make a non-transparent block Software Programming • html cs • • elysha

How do you put a block in a block without the width and cover up a part of the block outside the parent block? Software Programming • html cs twist • • zymir

How do you make a part of the picture behind the block and a part in front of the block? Because it's desirable.
Software Programming • html cs • • inna

Horizontal Menu - CSS
Software Programming • css submenu • • Oba22

Change the effect of a source
Software Programming • css html5 • • amarantha

Give me the violin of the Jquery page from the block to the block.
Software Programming • javascript jquery plugin jquery tools • • Trenton

Why is CONTENT Block going down
Software Programming • html cs • • nishika

How do I make a floating substitution fixed by location?
Software Programming • javascript jquery css • • juvenalb

How to spread the "fixed title" of a page and posts?
Software Programming • php html css • • Analeea

Draw circle in Html5
Software Programming • javascript html css • • Jolied

I want to show each color of the image like a color bar
Software Programming • python image proc languageessing google c languageolaborat • • amarantha

How can you put two div blocks on one block?
Software Programming • css • • esther

How do you put the block on the introduction and show some kind of text on the center inside the block?
Software Programming • html cs • • amarantha

Duda sobre mi javascript enlazado con html
Software Programming • javascript html jquery css html5 • • morde

You can explain why bootstrap doesn't put the blocks on the line and how to do whatever it takes to put the blocks on the line.
Software Programming • bootstrap web programming pervert • • jules

As inside a transparent block, make a non-transparent block
Software Programming • html cs • • elysha

How do you put a block in a block without the width and cover up a part of the block outside the parent block?
Software Programming • html cs twist • • zymir