Все статьи — Cайт "У Крайнего" . ИТ

Несколько классов css к элементу

Бывают моменты когда надо применить к одному элементу сразу несколько классов. Зачем? Для улучшения количества строчек css и понятности кода.

Раз два три

Первое что приходит на ум, так это записать два раза свойство class

1	`<div` `class="one">Hello!</div>`

Но как не странно, такой метод не работает и использоваться будет только первый класс.
А правильное решение выглядит проще и элегантнее =) Надо просто записать имена классов через пробел.

1	`<div` `class="one two">Hello!</div>`

И всё, таким способом можно объединить более одного класса, будь то два, три и более.

Написание Bash скриптов

Спец Символы
Символ начала строки "^".
Символ конца строки "$".
Символ табуляции "\t".
Символ перехода на новую строку "\n".

Встроенные переменные Shell
$0 — название скрипта
$1,$2,…,$n — параметры, переданные скрипту
$# — число параметров, переданных скрипту
$? — код возврата последнего процесса
$$ — PID текущего процесса (PID — номер процесса в таблице процессов)
$! — PID последнего процесса, запущенного в фоновом режиме
$@ — список параметров, переданных скрипту
$* — все параметры единой строкой

Логические операторы (конструкция if-then-else-fi):
-z — строка пуста
-n — строка не пуста
=, (==) — строки равны
!= — строки неравны
-eq — равно
-ne — неравно
-lt,(< ) — меньше
-le,(< =) — меньше или равно
-gt,(>) — больше
-ge,(>=) — больше или равно
! — отрицание логического выражения
-a,(&&) — логическое "И"
-o,(//) — логическое "ИЛИ"

Временный

<p class="buttontop2"><a href="/oformit-zakaz.html">Реализация имущества должников ✔</a></p>

p.buttontop{text-decoration:none; text-align:center;
padding:10px 10px;
border:solid 3px #004F72;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius: 11px;
font:25px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#461e8a;
background-color:#ffffff;
background-image: -moz-linear-gradient(top, #ffffff 0%, #bfd6de 100%);
background-image: -webkit-linear-gradient(top, #ffffff 0%, #bfd6de 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #bfd6de 100%);
background-image: -ms-linear-gradient(top, #ffffff 0% ,#bfd6de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd6de', endColorstr='#bfd6de',GradientType=0 );
background-image: linear-gradient(top, #ffffff 0% ,#bfd6de 100%);
-webkit-box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 6px 7px 2px #bababa,  inset 0px 0px 1px #ffffff;
box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 4px 4px 1px #8f8888; filter: dropshadow(color=#8f8888, offx=4, offy=4);  -webkit-transition: all 0.3s linear; -moz-transition:  all 0.3s linear; -o-transition:  all 0.3s linear; transition:  all 0.3s linear;}.button:hover{ padding:10px 10px; border:solid 1px #004F72; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius: 11px; font:26px Arial, Helvetica, sans-serif; font-weight:bold; color:#451e8a; background-color:#ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #f0fbff 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0fbff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0fbff 100%); background-image: -ms-linear-gradient(top, #ffffff 0% ,#f0fbff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fbff', endColorstr='#f0fbff',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0% ,#f0fbff 100%);   -webkit-box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 6px 7px 2px #bababa,  inset 0px 0px 1px #ffffff;   box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff;     text-shadow: 4px 4px 1px #8f8888; filter: dropshadow(color=#8f8888, offx=4, offy=4);}.button:active{ padding:10px 10px; border:solid 3px #004F72; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius: 11px; font:25px Arial, Helvetica, sans-serif; font-weight:bold; color:0b4242; background-color:#ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #dceff5 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #dceff5 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #dceff5 100%); background-image: -ms-linear-gradient(top, #ffffff 0% ,#dceff5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd6de', endColorstr='#bfd6de',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0% ,#dceff5 100%);   -webkit-box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 6px 7px 2px #bababa,  inset 0px 0px 1px #ffffff;   box-shadow:6px 7px 2px #bababa, inset 0px 0px 1px #ffffff;     text-shadow: 4px 4px 1px #8f8888;   filter: dropshadow(color=#8f8888, offx=4, offy=4);}

p.buttontop2{text-decoration:none; text-align:center;
padding:11px 32px;
border:solid 3px #4b6b94;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius: 10px;
font:26px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#4b6b94;
background-color:#ffffff;
background-image: -moz-linear-gradient(top, #ffffff 0%, #a1caff 100%);
background-image: -webkit-linear-gradient(top, #ffffff 0%, #a1caff 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #a1caff 100%);
background-image: -ms-linear-gradient(top, #ffffff 0% ,#a1caff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1caff', endColorstr='#a1caff',GradientType=0 );
background-image: linear-gradient(top, #ffffff 0% ,#a1caff 100%);
-webkit-box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 4px 4px 2px #bababa,  inset 0px 0px 1px #ffffff;
box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 3px 3px 1px #8880c9; filter: dropshadow(color=#8880c9, offx=3, offy=3); }.button:hover{ padding:11px 32px; border:solid 1px #6d7ea8; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; font:26px Arial, Helvetica, sans-serif; font-weight:bold; color:#26355c; background-color:#ffffff; background-image: -moz-linear-gradient(top, #ffffff 0%, #e4e5f7 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e4e5f7 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e4e5f7 100%); background-image: -ms-linear-gradient(top, #ffffff 0% ,#e4e5f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5f7', endColorstr='#e4e5f7',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0% ,#e4e5f7 100%);   -webkit-box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 4px 4px 2px #bababa,  inset 0px 0px 1px #ffffff;   box-shadow:4px 4px 2px #bababa, inset 0px 0px 1px #ffffff;     text-shadow: 3px 3px 1px #bcb5f2; filter: dropshadow(color=#bcb5f2, offx=3, offy=3);}

p.buttontop3 { border-top: 1px solid #96d1f8; background: #4b6b94; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#4b6b94)); background: -moz-linear-gradient(top, #f7f7f7, #4b6b94); background: -ms-linear-gradient(top, #f7f7f7, #4b6b94); background: -o-linear-gradient(top, #f7f7f7, #4b6b94); padding: 4.5px 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #05093d; font-size: 14px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; } .button:hover { color: #dbdbdb; background: #00678e; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); background: -ms-linear-gradient(top, #0095cc, #00678e); background: -o-linear-gradient(top, #0095cc, #00678e); } .button:active { border-top-color: #00adee; background: #00adee; }

p.buttontop4  {
  height: 18px;
  width: 118px;
  padding: 1px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 14px;
  background: #FF0505;
  background: -moz-linear-gradient(top, #FF0505 0%, #F24437 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0505), color-stop(100%,#F24437));
  background: -webkit-linear-gradient(top, #FF0505 0%,#F24437 100%);
  background: -o-linear-gradient(top, #FF0505 0%,#F24437 100%);
  background: -ms-linear-gradient(top, #FF0505 0%,#F24437 100%);
  background: linear-gradient(to bottom, #FF0505 0%,#F24437 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0505',  endColorstr='#F24437', GradientType=0 );
  border-width: 3px;
  border-style: solid;
  border-color: #D02718;
  border-radius: 12px;
  box-shadow: 4px 4px 6px 1px #8A2A21;
  text-shadow: 0px 1px 0px #810E05;
}

li a:hover {
color: #ffffff; /* Цвет текста активного пункта */

}

Joomla что это

Joomla! (произносится джу́мла) — система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другиеиндустриально-стандартные реляционные СУБД

Подкатегории

Страница 16 из 16

«В начало Назад78910111213141516ВперёдВ конец»