- Элемент списка
- .rectangle { counter-reset: li; list-style: none; font: 14px «Trebuchet MS», «Lucida Sans»; padding: 0; text-shadow: 0 1px 0 rgba(255,255,255,.5); } .rectangle a { position: relative; display: block; padding: .4em .4em .4em .8em; margin: .5em 0 .5em 2.5em; background: #D3D4DA; color: #444; text-decoration: none; transition: all .3s ease-out; } .rectangle a:hover {background: #DCDDE1;} .rectangle a:before { content: counter(li); counter-increment: li; position: absolute; left: -2.5em; top: 50%; margin-top: -1em; background: #9097A2; height: 2em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; } .rectangle a:after { position: absolute; content: «»; border: .5em solid transparent; left: -1em; top: 50%; margin-top: -.5em; transition: all .3s ease-out; } .rectangle a:hover:after { left: -.5em; border-left-color: #9097A2; } Пример 3.
Содержание:
- Календарь дней рождений в word
- Примеры красивого оформления списков
- Образец графика дней рождения работников
- Календарь дней рождений сотрудников шаблон
- Календарь дней рождения: красиво и практично!
- Liveinternetliveinternet
- Дни рождения сотрудников
- Дни рождения сотрудников оформление списка шаблон онлайн скачать
- Календарь дней рождений в word
- Примеры красивого оформления списков
- Образец графика дней рождения работников
- Календарь дней рождений сотрудников шаблон
- Календарь дней рождения: красиво и практично!
- Liveinternetliveinternet
- Дни рождения сотрудников
- Дни рождения сотрудников оформление списка шаблон онлайн скачать
Календарь дней рождений в word
Lucida Sans»; } .zebra li {padding: 10px;} .zebra li:nth-child(odd) {background: #E1F1FF;} .zebra li:nth-child(even) {background: white;} Пример 14.
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
.push { list-style: none; font-family: «Lucida Sans»; } .push li { position: relative; padding: 20px 0 20px 40px; color: #D29D25; font-variant: small-caps; font-weight: bold; cursor: pointer; } .push li:before { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #4F5151; content: «»; left: 0; transition: .3s ease-in-out; top: 27px; } .push li:after { position: absolute; border-left: 1px dotted #4F5151; width: 1px; bottom: -12px; content: «»; left: 3px; top: 48px; } .push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)} .push li:last-child:after {content: none;} Пример 15.
Примеры красивого оформления списков
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
.dbl-border { list-style: none; margin: 0; } .dbl-border li { margin: 10px 0; position: relative; } .dbl-border a { width: 100%; color: #808285; text-decoration: none; border-left: 6px solid #ABC7EA; display: block; padding-left: 25px; height: 44px; line-height: 44px; font-size: 20px; position: relative; transition: 0.3s linear; } .dbl-border a:before { content: «»; width: 6px; height: 70%; background: #EE997C; position: absolute; top: 15%; left: -12px; } .dbl-border li:before { content: «»; width: 6px; height: 40%; background: #EFDD89; position: absolute; top: 30%; left: -12px; } .dbl-border a:hover {background: #D4D8D9;} Пример 7.
Образец графика дней рождения работников
Инфо
Внешний отчет для ЗУП 2.5 «Дни рождения сотрудников» предназначен для печати списка сотрудников компании или выбранной организации, у которых день рождения наступает в указанном периоде. Для каждого сотрудника в отчет выводятся ФИО, дата рождения и возраст. Возраст сотрудников, у которых наступает юбилей, выделен крупным жирным шрифтом.
Важно
Сотрудники в списке упорядочены по возрастанию дней рождений. В некоторых компаниях принято поздравлять своих сотрудников с днём рождения, особенно с юбилеями. Если сотрудников много, упомнить дни их рождения достаточно тяжело.
В конфигурации «Зарплата и управление персоналом, редакции 2.5» (ЗУП) имеется встроенный механизм, напоминающий о днях рождениях сотрудников, но использовать его не всегда удобно. Предлагаемый внешний отчёт позволяет сформировать в ЗУП список сотрудников, дни рождения которых наступают в указанном периоде.
Календарь дней рождений сотрудников шаблон
Lucida Sans»; padding: 7px 20px; margin-bottom: 10px; border-radius: 5px; border-left: 10px solid #f05d22; box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1), -2px -2px 5px 0 rgba(0,0,0,.1), 2px 2px 5px 0 rgba(0,0,0,.1), -2px 2px 5px 0 rgba(0,0,0,.1); font-size: 20px; letter-spacing: 2px; transition: 0.3s all linear; } .border li:nth-child(2){border-color: #8bc63e;} .border li:nth-child(3){border-color: #fcba30;} .border li:nth-child(4){border-color: #1ccfc9;} .border li:nth-child(5){border-color: #493224;} .border li:hover {border-left: 10px solid transparent;} .border li:nth-child(1):hover {border-right: 10px solid #f05d22;} .border li:nth-child(2):hover {border-right: 10px solid #8bc63e;} .border li:nth-child(3):hover {border-right: 10px solid #fcba30;} .border li:nth-child(4):hover {border-right: 10px solid #1ccfc9;} .border li:nth-child(5):hover {border-right: 10px solid #493224;} Пример 4.
Календарь дней рождения: красиво и практично!
- Элемент списка
- Элемент списка
- Элемент списка
- .square { margin: 0; counter-reset: li; list-style: none; background:#E8E8E8; padding: 10px; } .square li { position: relative; margin: 0 0 10px 2em; padding: 4px 8px; border-top: 2px solid #787A77; transition: .3s linear; } .square li:last-child {margin-bottom: 0;} .square li:before { content: counter(li); counter-increment: li; position: absolute; top: -2px; left: -2em; width: 2em; box-sizing: border-box; margin-right: 8px; padding: 4px; border-top: 2px solid #787A77; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid transparent; background: #787A77; color: white; font-weight: bold; text-align: center; transition: .3s linear; } .square li:hover {border-top: 2px solid #389F70;} .square li:hover:before { border: 2px solid #389F70; background: #98EABA; } Пример 13.
Liveinternetliveinternet
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- .bullet { margin-left: 0; list-style: none; counter-reset: li; } .bullet li { position: relative; margin-bottom: 1.5em; border: 3px solid #CADFCF; padding: 0.6em; border-radius: 4px; background: #FEFEFE; color: #231F20; font-family: «Trebuchet MS», «Lucida Sans»; } .bullet li:before { position: absolute; top: -0.7em; padding-left: 0.4em; padding-right: 0.4em; font-size: 16px; font-weight: bold; color: #DCC24B; background: #FEFEFE; border-radius: 50%; counter-increment: li; content: counter(li); } Пример 11.
Дни рождения сотрудников
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- Элемент списка
- .ball { list-style: none; margin: 0; } .ball a { width: 100%; color: #808285; text-decoration: none; display: inline-block; padding-left: 25px; height: 44px; line-height: 44px; font-size: 20px; position: relative; transition: .3s linear; } .ball a:before { content: «»; width: 30px; height: 30px; border-radius: 50%; background: #425273; position: absolute; left: -30px; top: 7px; } .ball li {position: relative;} .ball li:before { content: «»; width: 20px; height: 20px; border-radius: 50%; background: #EC351D; position: absolute; top: 12px; left: -30px; z-index: 2; transition: .4s ease-in-out; } .ball li:hover:before {left: -20px;} Пример 8.
Great|EB+Garamond); .older { list-style: none; margin: 0 auto; width: 660px; counter-reset: li; } .older li { border-bottom: dashed 1px #006699; margin-top: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; padding: 5px; } .older a { text-decoration: none; padding: 10px; display: block; line-height: 30px; color: #3A3A3A; font-family: ‘EB Garamond’, serif; font-size: 20px; } .older a:before { display: inline-block; content: counter(li); counter-increment: li; height: 30px; width: 30px; text-align: center; border: solid 1px #dedede; margin-right: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset; font-family: ‘Fredericka the Great’, cursive; font-size: 24px; -webkit-transition: .4s linear; transition: .4s linear; } .older a:hover:before { color:#D72F2C; -webkit-transform: scale(1.1); transform: scale(1.1); } Пример 17.
Дни рождения сотрудников оформление списка шаблон онлайн скачать
Но не со всеми такой номер проходит… Так что лучше все-таки иметь под рукой инструмент, помогающий вспомнить о Дне рождения конкретного человека заранее и подготовиться: выбрать подарок или спланировать поздравление. Календарь Дней рождения: красивый и удобный! Для своевременного напоминаний о предстоящих событиях существуют разные способы. Специальные программы, «напоминалки» в Outlook и других сервисах.
А есть и наглядные способы для людей-визуалов. Как календари, о которых сегодня пойдет речь. И, как мне кажется, подобные приспособления могут служить не только в качестве напоминаний о праздниках, но и стать симпатичным украшением интерьера помещения. Что же это такое? В календаре сразу видно: сколько в определенном месяце Дней рождения и у кого конкретно.
Посмотрите, какие варианты календарей существуют. Как видите, все они разные по оформлению, но одинаковые по сути.
