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).

How can we add two packs of IcoMoon icons to the site?

jeanid

Hi.

I've come to a project where I've already got the tags on, and I need to add a couple more. How can we do that, because it's initiating?

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

I tried to add another family to the font-family, everything fell down. What do we do? Thank you.

G
guilherme last edited by

pick import to set
And download the required svg.
And then with the new background
That's it.
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

A

How can I add to ActionErrors de struts .add method a text string without being passed by a file.properties?
Software Programming • javascript java html struts • • Avante

2

0
Votes

2
Posts

0
Views

If the Struts version you are using supports it, you can add a message error as follows:errors.add("Generico",new ActionMessage("error en T002Action: "+adex.toString(), false)); With false, you tell the framework which is a literal message and should not be taken from a bundle (properties).
A

Can the site be opened on a larger scale?
Software Programming • html cs html5 cs3 • • amarantha

2

0
Votes

2
Posts

0
Views

Z

Without html, it's hard. But in fact, you need a restriction on the width of the blocks. I see you've got a gun. width:800px;
Add the value between two inputs in AngularJS
Software Programming • javascript html angularjs • • briley

2

0
Votes

2
Posts

0
Views

R

if it's the only thing you need you can use it from the Next Way <label> Capital <input type="number" ng-model="capital"> </label> <label> Honorarios <input type="number" ng-model="honorarium"> </label> <h1>{{capital + honorarium }}</h1> You don't need to use any ng-X function to make this process, remember that these Variables are kept at the $scope, who is responsible for updating their information immediately.. what you do inside the h1 is only to add what is contained in your ng-model.
T

How can I add a background-color to the menu by clicking on the icon?
Software Programming • jquery html5 cs3 • • terrea

2

0
Votes

2
Posts

0
Views

K

Greetings you could apply like this:Updated to Bootstrap4$(document).ready(function () { //when document loads completely. $('#btnCollapse').click(function() { $('#navbarTogglerDemo03').css('background-color','yellow'); }); });<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <title>Hello, world!</title> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation" id="btnCollapse"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <div class="collapse navbar-collapse" id="navbarTogglerDemo03"> <ul class="navbar-nav mr-auto mt-2 mt-lg-0"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </nav>   <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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html>If you look, I've placed 'ID' button which is the one running the event show the list of your menu and I apply the style with jquery. !
R

Receive the X and Y coordinates from the function of the element vent constant vent translate
Software Programming • javascript html • • Rossere

2

0
Votes

2
Posts

0
Views

Y

That's how you get the value in the picels, regardless of the units in which the transformation is given. let img = document.querySelector('img'); // этот вызов вернет матрицу трансформации элемента в виде строки let matrix = window.getComputedStyle(img).transform; console.log("matrix =", matrix ); // сделаем из неё массив matrix = matrix.split(/(|,\s|)/).slice(1,7); console.log("matrix =", JSON.stringify(matrix) ); // сдвиг это 2 последних компонента этой матрицы, нужно понимать что это // финальный результат с учетом всех трансформаций, в данном примере это // те самые значения что и в свойтве transform, но все иначе если эта матрица // получена в результате перемножения матриц нескольких трансформаций console.log("translate: x =", matrix[4], ", y =", matrix[5]); // угол можно найти по формуле, исходя их того, что // rotate(Xdeg) = matrix(cos(X), sin(X), -sin(X), cos(X), 0, 0); let angle = Math.asin(matrix[1]) * (180/Math.PI); console.log("rotate:", angle, 'deg');<img src="https://i.stack.imgur.com/EK1my.png?s=48&g=1" style="transform: translate(2em, 22px) rotate(23.45deg)">In more complex cases, https://www.w3.org/TR/2011/WD-css3-2d-transforms-20111215/#unmatrix
T

In what cases should two sites be established separately or a multi-site jointly?
Software Programming • wordpress data link • • tahishae

2

0
Votes

2
Posts

0
Views

The content is different, so different sites are different. If you need any general data, then you'd better make one site as the main site, and then you'd better get the data from the main site, and if you don't, add it.Even if the client (or you can do it just as long as there's no need) thinks that everything else will be the same - there's no guarantee that he won't want to have a specific picture on one of the sites that would be relevant to a specific article on the website, not both.Multi sites are needed to contain similar content (translations, branches, etc.) related to the same. I think the point is clear.
R

Error: Stray end tag
Software Programming • html • • rosemadder

2

0
Votes

2
Posts

0
Views

C

The problem is, in every tega <h2> Extra closing currents </i></i>and there's a mistake in checking the lead. So that there is no error, we need to rewrite this way:<h2><i class="fa fa-picture-o" aria-hidden="true"></i> текст </h2> <h2><i class="fa fa-video-camera" aria-hidden="true"></i> текст </h2>
How to add an icon in an active image
Software Programming • c language • • Laycee

2

0
Votes

2
Posts

0
Views

E

Face puts the imagem inside a label together with one input type radio. If label the icon appears. I made a simple example to vc adjust the CSS to your taste. .body{ background-color: green; } .nav-control { position: relative; display: inline-block; vertical-align: middle; width: 102px; height: 92px; transition: 0.2s; margin-right: 20px; cursor: pointer; margin-top: 32px; z-index: 3; } .slider__nav-bar { display: flex; } label { display: flex; flex-direction: column; text-align: center; position: relative; } [name="hart"], i.fa-heart { display: none; position: absolute; top: 0; left: 0; right: 0; margin: auto; color: red; font-size: 32px; } [name="hart"]:checked + i.fa-heart { display: inline-block; } <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <div class="slider__nav-bar"> <label> <input type="radio" name="hart"> <i class="fa fa-heart"></i> <img src="https://i.imgur.com/0JGIa6o.png" alt="" class="nav-control"> </label> <label> <input type="radio" name="hart"> <i class="fa fa-heart"></i> <img src="https://i.imgur.com/kR6A8GJ.png" alt="" class="nav-control"> </label> <label> <input type="radio" name="hart"> <i class="fa fa-heart"></i> <img src="https://i.imgur.com/asycxT9.png" alt="" class="nav-control"> </label> </div>
R

How do you add a reference to whatsapp to your site?
Software Programming • javascript share ya share2 • • rielyn

2

0
Votes

2
Posts

0
Views

T

From official FAQ https://faq.whatsapp.com/general/26000030/?lang=ru )<a href="https://wa.me/вашНомерБезПробеловИСкобок">WhatsApp</a>
R

My calculator does not add more than two numbers
Software Programming • java android android studio • • Rossere

2

0
Votes

2
Posts

0
Views

I would separate the problem from the two goals we must achieve.First, we should know what the operations to be carried out within the entire operation (i.e., the operators: + - * /) and store them in a String array for subsequent use and the same with the operators.This can be done as follows: (assuming the entire operation is in the same line: 95 + 14.5 / 5)String operacion = textView.getText(); //texto recogido de la interfaz de usuario String regexOperadores = "\\s*[0-9]+"; //expresión regular para sacar los operadores String[] operadores = operacion.split(regexOperadores); //recogemos los operadores haciendo split sobre la operación previamente declarada String regexOperandos = "\\s*[+-/\\*]+"; //expresión regular para sacar los operandos String [] operandos = operacion.split(regexOperandos); //recogemos los operandos aplicando la expresión regular Once this is done, which in my opinion is the most complicated, we must perform the operation to return the correct result. It has occurred to me that it could be a function of this style:private double realizarOperacion(String[]operadores,String[]operandos) { //declaramos la varibale que se devolverá y almacenamos el primer número en ella double resultado = Double.parseDouble((operandos[0]); //recorremos los arrays con un for for (int i = 0; i < operadores.length; i++) { //vemos cuál es el operador que toca switch (operadores[i]) { case "+": //en caso de que sea una suma sumamos resultado += Double.parseDouble(operandos[i]); break; case "-": //en caso de que sea una resta restamos resultado -= Double.parseDouble(operandos[i]); break; case "/": //en caso de que sea una división dividimos resultado /= Double.parseDouble(operandos[i]); break; case "*": //en caso de que sea una multiplicación multiplicamos resultado *= Double.parseDouble(operandos[i]); break; default: System.out.println("Operando no válido") break; } System.out.println(resultado); } //devolvemos el resultado return resultado; } I hope the answer will serve you!I recommend looking at you thoroughly the regular expressions and manipulation of Strings as they are very useful! Lots of luck and keep programming!
G

Line-height element relative to the parent element in the menu
Software Programming • javascript html jquery css • • guilherme

2

0
Votes

2
Posts

0
Views

Z

Make it easier without scruples, add the following styles for the shooter:top: 50%; transform: translateY(-50%); And don't forget to finish all the necessary ventriculars. transform: translateYCSS3 It's been a long time since all the browsers have been backed up, and I don't know why many people are screaming about using them, 2018 in the yard.
Can the get two poles in combobox?
Software Programming • c sharp sql server • • Analeea

2

0
Votes

2
Posts

0
Views

C

Either create a class that describes the data you need or use DataTable. Then write DisplayMember and ValueMember. For example, (I don't know which types of field, so I make string):class MyClass { public string iKodSotr {get; set;} public string sFamSotr {get; set;} } ... var data = new List<MyClass>(); while (dr.Read()) { var mc = new MyClass { iKodSotr = dr[0].ToString(), sFamSotr = dr[1].ToString() }; } dr.Close(); cmbMOLFORMreg.DataSource = data; cmbMOLFORMreg.DisplayMember = "iKodSotr"; // То, что будет отображаться пользователю cmbMOLFORMreg.ValueMember = "sFamSotr"; // То, что будет в SelectedValue A copy can be obtained:var value = (MyClass)cmbMOLFORMreg.SelectedItem; and work with the entire target. When working for DataTable, it'll look like,// Получение DataReader'a ... var dt = new DataTable(); dt.Load(dr); dr.Close(); cmbMOLFORMreg.DataSource = dt; cmbMOLFORMreg.DisplayMember = "iKodSotr"; // То, что будет отображаться пользователю cmbMOLFORMreg.ValueMember = "sFamSotr"; // То, что будет в SelectedValue But I don't think it's good to use DataTable for this purpose, but it's easier because you don't have to describe the class every time. I might be wrong.
D

How do you make an adaptive application without asking for a designer's maquito?
Software Programming • html cs svg svg animation inkscape • • Duquan

2

0
Votes

2
Posts

0
Views

E

SVG decisionSVG has a number of advantages: Crossbrowing, working in all modern browsers plus IE11♪ EdgeFull adaptiveness, your worm will never break at any size of the display. Instruction: In order to obtain an accurate connection of the contour of the figures to the background picture download the picture to the editor and assign svg values to according to the dimensions of the picture.width="1330" height="880" viewBox="0 0 1330 880"<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1330" height="880" viewBox="0 0 1330 880" preserveAspectRatio="xMinYMin meet" > <image xlink:href="https://i.stack.imgur.com/cb744.png" width="100%" height="100%" /> </svg> In the vector editor with a tool-- Рисовать кривые Безье и прямые отрезки Location points on the contour of the red line and the six coals Keep the svg file, get it. path Total Lines and six-angles. Add a text to each six-angle that is positioned coordinates X,Y` <text class="txt1" x="355" y="400" > STEP <tspan dx="0">1 </tspan></text> We add a picture to the six-angle with help. pattern <pattern id="pattern" x="0px" y="-255px" width="341px" height="382px" patternUnits="userSpaceOnUse"> <image xlink:href="https://i.stack.imgur.com/DSbkL.jpg" width="341px" height="382px" /> </pattern> We add red cups with a necklace, you can add cheeks instead. Eskies<g id="crc1"> <circle r="23" fill="#FC635E"/> <text x="-15" y="15" fill="white" font-size="36" >✔</text> </g> The following is a complete example of the code, added anaemia of the common line .h1{ fill-opacity:0.6; } .h2 { fill-opacity:0.9; } .txt1 { font-size:32px; fill:#595959; text-decoration: underline; font-weight:500; } .txt2 { font-size:20px; fill:#444444; font-weight:500; } tspan { fill:#FC635E; font-weight:500; font-size:36px; } <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 1330 880" > <defs> <pattern id="pattern" x="0px" y="-255px" width="341px" height="382px" patternUnits="userSpaceOnUse"> <image xlink:href="https://i.stack.imgur.com/DSbkL.jpg" width="341px" height="382px" /> </pattern> <pattern id="pattern2" x="40px" y="-380px" width="304px" height="343px" patternUnits="userSpaceOnUse"> <image xlink:href="https://i.stack.imgur.com/hZrmI.jpg" width="304px" height="343px" /> </pattern> <g id="crc1"> <circle r="23" fill="#FC635E" /> <text x="-15" y="15" fill="white" font-size="36" >✔</text> </g> </defs> <image xlink:href="https://i.stack.imgur.com/LC31J.jpg" width="100%" height="100%" /> <g fill="#FEFEFE" stroke="gray" stroke-width="2"> <path id="hex_1" class="h1" d="m402.1 321 106.8 60.6v121.3l-106.8 64.6-106.8-64.6V381.7ZM731.7 381.7l104.1 60.6" /> <path id="hex_2" class="h1" d="m731.7 381.7 104.1 60.6v125.2l-104.1 64.6-106.8-64.6V442.3Z" /> <path id="hex_3" class="h2" fill-opacity="0.6" style="fill:url(#pattern2);" d="m1099.5 289.4 163.5 92.3V567.6L1099.5 658.5 940 567.6V381.7l159.5-92.3" /> <path class="h2" fill-opacity="0.9" style="fill:url(#pattern);" d="m508.9 503 160.8 94.9V782.4L508.9 876 349.4 782.4V597.9l159.5-94.9M835.8 199.7l104.1 62" class="s0"/> <path class="h1" d="m835.8 199.7 104.1 62v120l-104.1 60.6-104.1-60.6V261.7Z" class="s0"/> </g> <path id="progress" fill="none" stroke-width="4" stroke="red" stroke-dashoffset="1975" stroke-dasharray="1975" d="m295.3 381.7 106.8-60.6 106.8 60.6v121.3l116 64.6 0-125.2 106.8-60.6V261.7l104.1-62 104.1 62v120l159.5-92.3 163.5 92.3v185.9l-163.5 91" > <animate attributeName="stroke-dashoffset" dur="10s" values="1975;0" fill="freeze"/> </path> <text class="txt1" x="355" y="400" > STEP <tspan dx="0">1 </tspan></text> <text class="txt2" x="312" y="450"> Разработка проекта</text> <text class="txt2" x="300" y="490"> Согласование проекта </text> <text class="txt1" x="425" y="725" > STEP <tspan dx="0">2 </tspan></text> <text class="txt1" x="680" y="450" > STEP <tspan dx="0">3 </tspan></text> <text class="txt2" x="670" y="500"> Нулевой цикл</text> <text class="txt2" x="640" y="540"> Возведение коробки </text> <text class="txt1" x="790" y="280" > STEP <tspan dx="0">4 </tspan></text> <text class="txt2" x="750" y="330"> Монтажные работы</text> <text class="txt2" x="750" y="370"> Отделочные работы </text> <text class="txt1" x="1150" y="430" > STEP <tspan dx="0">5 </tspan></text> <use xlink:href="#crc1" x="300" y="380" /> <use xlink:href="#crc1" x="628" y="440" /> <use xlink:href="#crc1" x="735" y="255" /> <use xlink:href="#crc1" x="945" y="385" /> <use xlink:href="#crc1" x="1100" y="655" /> </svg> CSS decision You can find that tube in the back, https://www.youtube.com/watch?v=0cibmycvhUs @UModeL
Z

Vertical levelling of the Twitter Bootstrap element
Software Programming • html cs bootstrap • • zymir

2

0
Votes

2
Posts

0
Views

O

In my opinion, the best way to put display: table; parent element a component inside display: table-cell; vertical-align: middle; ♪ This is the working example:#parent { display: table; width:100%; background:#e0e0e0; height:60px; } #child { display: table-cell; vertical-align: middle; text-align:center; }<div id="parent"> <div id="child">Content here</div> </div>
T

How you can write a form in php in html
Software Programming • php html post get • • tahishae

2

0
Votes

2
Posts

0
Views

D

What you generate can store it in a string using the functions output buffering ( https://www.php.net/manual/es/ref.outcontrol.php ) and storage in a fixed file in the file system:ob_start(); // inicio captura de datos $fecha1 = $_POST['fecha1']; echo "<h1 class='fecha'>$fecha1</h1>" ; echo "<div class='divline'></div>"; $ds1 = $_POST['ds1']; echo nl2br("<p class='descrip'>$ds1</p>"); $ralink1 = $_POST['ralink1']; echo "<a href='$ralink1'target='_blank' class='ralink'>$ralink1</a>"; echo "<div class='divline'></div>"; $content=ob_get_clean(); // captura de los datos generados en una variable file_put_contents('/ruta/a/carpeta/publica/post.html',$content); //guardar en archivo Then you can include that file in another PHP page:<?php include('/ruta/a/carpeta/publica/post.html') ?> Or show it directly from using the public route:https://mi.sitio/carpeta/publica/post.html

How can we add two packs of IcoMoon icons to the site?

Suggested Topics

How can I add to ActionErrors de struts .add method a text string without being passed by a file.properties? Software Programming • javascript java html struts • • Avante

Can the site be opened on a larger scale? Software Programming • html cs html5 cs3 • • amarantha

Add the value between two inputs in AngularJS Software Programming • javascript html angularjs • • briley

How can I add a background-color to the menu by clicking on the icon? Software Programming • jquery html5 cs3 • • terrea

Receive the X and Y coordinates from the function of the element vent constant vent translate Software Programming • javascript html • • Rossere

In what cases should two sites be established separately or a multi-site jointly? Software Programming • wordpress data link • • tahishae

Error: Stray end tag Software Programming • html • • rosemadder

How to add an icon in an active image Software Programming • c language • • Laycee

How do you add a reference to whatsapp to your site? Software Programming • javascript share ya share2 • • rielyn

My calculator does not add more than two numbers Software Programming • java android android studio • • Rossere

Line-height element relative to the parent element in the menu Software Programming • javascript html jquery css • • guilherme

Can the get two poles in combobox? Software Programming • c sharp sql server • • Analeea

How do you make an adaptive application without asking for a designer's maquito? Software Programming • html cs svg svg animation inkscape • • Duquan

Vertical levelling of the Twitter Bootstrap element Software Programming • html cs bootstrap • • zymir

How you can write a form in php in html Software Programming • php html post get • • tahishae

How can I add to ActionErrors de struts .add method a text string without being passed by a file.properties?
Software Programming • javascript java html struts • • Avante

Can the site be opened on a larger scale?
Software Programming • html cs html5 cs3 • • amarantha

Add the value between two inputs in AngularJS
Software Programming • javascript html angularjs • • briley

How can I add a background-color to the menu by clicking on the icon?
Software Programming • jquery html5 cs3 • • terrea

Receive the X and Y coordinates from the function of the element vent constant vent translate
Software Programming • javascript html • • Rossere

In what cases should two sites be established separately or a multi-site jointly?
Software Programming • wordpress data link • • tahishae

Error: Stray end tag
Software Programming • html • • rosemadder

How to add an icon in an active image
Software Programming • c language • • Laycee

How do you add a reference to whatsapp to your site?
Software Programming • javascript share ya share2 • • rielyn

My calculator does not add more than two numbers
Software Programming • java android android studio • • Rossere

Line-height element relative to the parent element in the menu
Software Programming • javascript html jquery css • • guilherme

Can the get two poles in combobox?
Software Programming • c sharp sql server • • Analeea

How do you make an adaptive application without asking for a designer's maquito?
Software Programming • html cs svg svg animation inkscape • • Duquan

Vertical levelling of the Twitter Bootstrap element
Software Programming • html cs bootstrap • • zymir

How you can write a form in php in html
Software Programming • php html post get • • tahishae