QR Code Business Card

Меню светлое и темное

Среда, 29-06-2016 | Интересное в Web | Комм. отключены

		<div id="Navigation">
			<ul class="Navigation">
           		<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
            	<li><a href="#">My Portfolio</a>
					<ul>
				   		<li><a href="#">Web Development</a></li>
				   		<li><a href="#">Motion Graphics</a></li>
				   		<li><a href="#">Flash Animation</a></li>
                   		<li><a href="#">Logo Design</a></li>
                   		<li><a href="#">Photography</a></li>
					</ul>         
			 	</li>
             	<li><a href="#">Services</a></li>
             	<li><a href="#">Contact</a></li>            
            </ul>
        </div>            

Темное:

body{
  background: #c4c7cb;
  background-image: -webkit-radial-gradient(cover, #FFF,#D1D1D1	);
  background-image: -moz-radial-gradient(cover, #e8eaec, #a4a8ae);
  background-image: -o-radial-gradient(cover, #e8eaec, #a4a8ae);
  background-image: radial-gradient(cover, #e8eaec, #a4a8ae)
}

html{
  min-height:100%;
}

.Navigation{
	height: 50px;
    padding: 0;
	margin: 0;
	position: absolute;
}

.Navigation li 	{
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	list-style: none;
	font:12px "Bonveno", "Century Gothic";
	padding: 0;
	margin: 0;
	background-color: #343436;
	border: 1px solid #000;
	box-shadow: 0 1px 0 rgba(255,255,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
	border-radius: 3px;
  margin-left:10px;
}

.Navigation a{							
	padding:13px;
	text-decoration: none; 
	color:#fff;
	text-shadow: 0 1px #000;
	display: block;
}
.Navigation li ul{
	display: none;
	height: auto;									
	margin-left: -11px;
	padding: 0;		
}				

.Navigation li:hover ul{
	display: block;
}

.navbar li ul li {
	background-color:#eee;
  	border: 1px solid #ccc;
} 

.Navigation li:hover, a:hover {
	 background: #1d1f20;
} 

Светлое:

body{
  background: #c4c7cb;
  background-image: -webkit-radial-gradient(cover, #FFF,#D1D1D1	);
  background-image: -moz-radial-gradient(cover, #e8eaec, #a4a8ae);
  background-image: -o-radial-gradient(cover, #e8eaec, #a4a8ae);
  background-image: radial-gradient(cover, #e8eaec, #a4a8ae)
}

html{
  min-height:100%;
}

.Navigation{
	height: 50px;
    padding: 0;
	margin: 0;
	position: absolute;
}

.Navigation li 	{
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	list-style: none;
	font:12px "Bonveno", "Century Gothic";
	padding: 0;
	margin: 0;
	background-color: #eee;
	border: 1px solid #ccc;
	box-shadow: 0 1px 0 rgba(255,255,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
	border-radius: 3px;
  margin-left:10px;
}

.Navigation a{							
	padding:13px;
	text-decoration: none; 
	color:#333;
	text-shadow: 0 1px #fff;
	display: block;
}
.Navigation li ul{
	display: none;
	height: auto;									
	margin-left: -11px;
	padding: 0;		
}				

.Navigation li:hover ul{
	display: block;
}

.navbar li ul li {
	background-color:#eee;
  	border: 1px solid #ccc;
} 

.Navigation li:hover, a:hover {
	 background: #e8e8e8;
} 

jsp, spring записки

Пятница, 20-05-2016 | Разработки | Комм. отключены

1.

//String t1_month = getMonthlist()[calendar.get(Calendar.MONTH)]; - текстовое значение 
Integer mnth_cal = calendar.get(Calendar.MONTH); - число
try {
	Integer i2 = Integer.valueOf(mnth_cal);
	System.out.println("Запрашиваемый месяц: " + i2);
}catch (NumberFormatException e) {
System.err.println("==ERROR==: Неверный формат строки!" + mnth_cal);
}  

2.

 <spring:message code="label.send" var="submit_button"/>
 <input type="submit" value='${submit_button}' class="btn btn-success" />

<!-- *******************************
     ***** CACHE CONFIGURATION *****
     ******************************* -->	
    /**
     * Метод update говорит Хиберу:
     1) Проверь, есть ли у тебя объект с таким ID в сессии.
     2) Если нет, то загрузи этот объект из базы в память, а потом перенеси значения полей из объекта-аргумент в тот объект, который загрузил. 
     3) Если есть - брось эксепшн.
     Точка. Никакого сохранения в базу нет.

     Метод merge говорит Хиберу:
     1) Проверь, есть ли у тебя объект с таким ID в сессии.
     2) Если нет, то загрузи этот объект из базы в память, а потом перенеси значения полей из объекта-аргумента в тот объект, который загрузил (сесионный объект). 
     3) Если есть, то просто перенеси состояние из объекта-аргумента в сессионный объект.
     4) Верни сессионный объект.
     Точка. Никакого сохранения в базу нет.
     *
     */
Формирование даты
===================
jspx
<jsp:declaration>java.text.DateFormat df = new java.text.SimpleDateFormat("H:m:s dd-MM-yyyy");</jsp:declaration>
<jsp:expression>df.format(new java.util.Date()) </jsp:expression>
<jsp:declaration>SimpleDateFormat formatter=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                 String dates=formatter.format(mydate);
                //mydate дата которую мы задаем сами или создаем по средствам функции Date/
</jsp:declaration>
@Override - переопределение
==============================================
public class Thought {
    public void message() {
        System.out.println("Я себя чувствую как стрекоза, попавшая в параллельную вселенную.");
    }
}

public class Advice extends Thought {
    @Override  // Аннотация @Override в Java 5 является необязательной, но весьма полезной
    public void message() {
        System.out.println("Внимание: Даты в календаре ближе, чем кажутся.");
    }
}
    /**
     *  Класс Thought представляет собой суперкласс и обеспечивает вызов метода message(). 
     *  Подкласс, называемый Advice, наследует каждый метод класса Thought. 
     *  Однако, класс Advice переопределяет метод message(), замещая функционал, описанный в классе Thought.
     *
     *       Thought parking = new Thought();
     *       parking.message();  // Выводит "Я себя чувствую как стрекоза, попавшая в параллельную вселенную."
     *
     *       Thought dates = new Advice();  // Полиморфизм
     *       dates.message();  // Выводит "Внимание: Даты в календаре ближе, чем кажутся."
     *       Слово super используется для вызова версии метода суперкласса из подкласса. Например, нижеследующий вариант выводит оба сообщения при вызове метода подкласса:
     */
public class Advice extends Thought {
    @Override
    public void message() {
        System.out.println("Внимание: Даты в календаре ближе, чем кажутся.");
        super.message();  // Вызов версии метода родительского класса
    }
}
    /**
     * Существуют методы, которые подкласс не может переопределять. Например, в Java метод,
     * объявленный с ключевым словом final, не может быть переопределён.
     * Методы, объявленные как private или static не могут быть переопределены, поскольку это соответствует неявному использованию final.
     * Также это невозможно для класса, объявленного как final, стать суперклассом.
     *
     */
			        Integer i2 = Integer.valueOf(mnth_cal);
			        System.out.println("+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++"); 
			        System.out.println("Месяц: ==" + t1_month + "=="); 	
			        System.out.println("Массив: ==" + Arrays.deepToString(getMonthlist()) + "==");
			        System.out.println("Массив: ==" + Arrays.toString(getMonthlist()) + "==");
			        System.out.println("Месяц: ==" + i2 + "==");
			        System.out.println(".getUnusualDay().getDaysCount() ==" + user.getUnusualDay().getDaysCount() + "==");
			        //System.out.println("calendar.get(Calendar.DAY_OF_MONTH) ==" + calendar.get(Calendar.DAY_OF_MONTH) + "==");
			        System.out.println("user.getUnusualDay().getFirstWorkDay() ==" + user.getUnusualDay().getFirstWorkDay() + "==");
abstract class First {
    abstract void show();
    void showText(){
        System.out.println("First");
    }
}
class Second extends First  {
    void show(){
        System.out.println("Second");
    }
}

class MyAbstract {
    piblic static void main(String[] args){
        First f; //Ссылочная переменная
        Second s = new Second();
        f = s;
        f.show();
        f.showText();
    }
}
/**
 * выведет "Second" а потом  "First"
 * Обект асбтрактных классов создавать нельзя
 * f = new First();
 *
 */
class First {
    void show(){
        System.out.println("First");
    }
}
class Second {
    void show(){
        System.out.println("Second");
    }
}

class MyDis {
    piblic static void main(String[] args){
        First f = new First()
        Second s = new Second();
        First d; /** Ссылочная перменная */
        d = f;
        d.show();
        
        d = s;
        d.show();

    }
}
/**
 * Первый результат будет First
 * Второй результат будет Second
 * 
 */
class First {
    void show(){
        System.out.println("First");
    }
}
class Second extends First  {
    void show(){
        System.out.println("Second");
    }
}

class MyDis {
    piblic static void main(String[] args){
        First f = new First()
        Second s = new Second();

        First d; /** Ссылочная перменная */
        d = f; // s или f
        d.show();
    }
}
/**
 * выведет "First" если поставим s выведе "Second"
 *
 */

<jsp:expression>"n"</jsp:expression>
//  перенос каретки
<h:form id="form">
    <p:commandLink update="result"> <!-- OK! -->
    <h:panelGroup id="result" />
</h:form>
If it's not inside same NamingContainer, then you need reference it using an absolute client ID. An absolute client ID starts with the NamingContainer separator character, which is by default :.

<h:form id="form">
    <p:commandLink update="result"> <!-- FAIL! -->
</h:form>
<h:panelGroup id="result" />

<!-- ==================================================== -->
<h:form id="form">
    <p:commandLink update=":result"> <!-- OK! -->
</h:form>
<h:panelGroup id="result" />

<!-- ==================================================== -->
<h:form id="form">
    <p:commandLink update=":result"> <!-- FAIL! -->
</h:form>
<h:form id="otherform">
    <h:panelGroup id="result" />
</h:form>

<!-- ==================================================== -->
<h:form id="form">
    <p:commandLink update=":otherform:result"> <!-- OK! -->
</h:form>
<h:form id="otherform">
    <h:panelGroup id="result" />
</h:form>

				

Метки , ,

Добавляем свои CSS

Четверг, 31-03-2016 | Плагины для WordPress | Комм. отключены

Custom CSS

Custom CSS

Custom CSS


Sublime Custom CSS Editor
Добавляет кусок кода:

<style rel="stylesheet" type="text/css">
/* Write Your CSS*/
.test {
  padding-left: 10px;
  top: 3px;
}
</style>
Sublime_Custom_CSS_Editor

Sublime_Custom_CSS_Editor

Обтекание картинок списками ul, ol

Четверг, 17-03-2016 | Верстка | Комм. отключены

Для списков, у которых нет классов, перенесём дефолтный отступ 2.5em с левого края на правый, а сами li сдвинем на те же 2.5em вправо при помощи transform: translateX(2.5em).

ul:not([class]),
ol:not([class]) {
    padding-left: 0;
    padding-right: 2.5em;
}
ul:not([class]) li,
ol:not([class]) li {
    transform: translateX(2.5em);
}

Списки, не имеющие класса, мы выбираем, чтобы не повредить меню, слайдеры и прочие конструкции, которые используют ul li в своей структуре. Подробнее про это в посте про селектор :not().
Источник: http://paulradzkov.com/2013/lists_and_floats/

Архивация папки

Среда, 17-02-2016 | Linux | Комм. отключены

tar -zcvf wp.tar.gz /srv/www

Авторы

Поиск

Курс валют

Изменить "Кол-во"
Ежедневный курс иностранной валюты ЦБ РФ на 26.08.2016
ВалютаКол-воРубль RUB
Продажа (руб.)
Доллар США USD
Евро EUR
Вон Республики Корея KRW
Японских иен JPY
Фунт стерлингов Соединенного королевства GBP
Китайских юаней CNY
Use data from the cache