Все ленты — последние статьи

Несколько классов 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">Реализация имущества должников&nbsp;✔</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 или другиеиндустриально-стандартные реляционные СУБД