Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
I postatori più attivi del mese
Bawoo
 

Css inserire maschera benvenuto nel blog

Andare in basso

Css inserire maschera benvenuto nel blog

Messaggio Da francescototti78 il Lun Ago 18, 2014 12:46 pm

Ciao ragazzi volevo chiedervi gentilmente come è possibile inserire una pagina di benvenuto in un blog.
Io uso webnode e posso solo modificare la pagina con i Css.
Sapete aiutarmi   Sad  Sad  Sad 
Vi scrivo anche il codice che ho
Grazie Mille

Codice:
h1, h2 {
position: relative;
top: -1px;
width: auto;
margin: 0 0 20px 0;
padding: 3px 278px 15px 20px;
font-size: 192%;
font-weight: normal;
line-height: normal;
color: rgb(250,196,192);
background: rgb(56,47,16) url("../img/box_wa_head.jpg") no-repeat left top;
border-bottom: 1px solid rgb(255,255,255);
}
h3, h4, h5, h6, p, ul, ol, address, blockquote, table, ins {
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
h3 {
margin-top: 1.5em;
margin-bottom: 0.4em;
font-size: 117%;
color: rgb(175,57,44);
}
h4 {
margin-top: 1.2em;
margin-bottom: 0.3em;
font-size: 110%;
color: rgb(0,97,143);
}
h5 {
margin-top: 0.9em;
margin-bottom: 0.2em;
font-size: 110%;
}
h6 {
margin-top: 0.9em;
margin-bottom: 0.2em;
font-size: 100%;
}
p, ul, ol, address, blockquote, table {
margin-top: 0;
margin-bottom: 1em;
}
ul {
padding-left: 20px;
}
ol {
padding-left: 30px;
}
ul ul, ol ol {
margin: 0 0 0 10px;
}
ul li {
padding-left: 15px;
list-style: none;
background: url("../img/li.png") no-repeat left 5px;
}
address {
font-style: normal;
}
blockquote {
padding: 8px;
font-style: italic;
background-color: rgb(255,255,255);
border: 1px solid rgb(165,155,100);
}
table {
overflow: visible;
font-size: 95%;
}
table.modernTable {
border: 0;
border-collapse: collapse;
}
table.modernTable thead td {
padding: 4px 10px 3px 10px;
text-align: left;
color: rgb(255,255,255);
background-color: rgb(188,174,132);
border: 1px solid rgb(165,155,100);
}
table.modernTable td {
padding: 4px 10px 3px 10px;
background-color: rgb(255,249,214);
border: 1px solid rgb(165,155,100);
}
a:visited, .more a:visited, .photogallery a.more:visited, .heading a:visited {
color: rgb(96,96,96);
}
a, .back a:visited, a.back:visited, .articles .more a, .heading a {
color: rgb(175,27,44);
}
a:hover, a:active, .back a:hover, .back a:active, a.back:hover, a.back:active, .heading a:hover, .heading a:active, .photogallery a.more:hover, .photogallery a.more:active {
color: rgb(131,0,15);
}
.wsw img {
margin: 0.5em;
border: 1px solid rgb(244,238,205);
}
.wsw a img {
border: 1px solid rgb(165,155,100);
}
.wsw a:hover img, .wsw a:active img {
border-color: rgb(131,0,15);
}
ins {
display: block;
margin: 0 20px 0.35em 20px;
font-size: 85%;
text-decoration: none;
color: rgb(131,174,0);
}
sub {
line-height: 2.2em;
}
hr {
height: 0;
margin-left: 0;
margin-right: 0;
background: 0;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: rgb(165,155,100);
}
.contact form, .searching form, .discussion form {
margin: 0 0 20px 0;
padding: 0 20px;
border: 0;
text-align: right;
}
#page[id] form {
width: auto !important;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
display: none;
}
.contact label, .searching label, .discussion label {
display: block;
width: 100%;
margin: 0 0 0.1em 0;
overflow: hidden;
text-align: left;
font-weight: bold;
}
.contact input, .searching input, .discussion input, textarea, .privateAccessForm input {
display: block;
width: 100%;
margin: 0 0 1em 0;
font-size: 110%;
font-family: Verdana, Tahoma, Arial, sans-serif;
color: rgb(0,0,0);
background: rgb(255,255,255) url("../img/input.png") no-repeat left top;
}
input[type="date"] {display: -webkit-inline-flex;}
.withBorder, #fulltextSearchText, #fulltextSearchTextResult, #fulltextSearchTypeResult {
border: 1px solid rgb(0,49,76);
}
textarea {
height: 120px;
overflow: auto;
resize: vertical;
}
input.submit, button.submit {
float: none !important;
display: block;
width: auto !important;
height: auto;
padding: 2px 7px;
text-transform: uppercase;
vertical-align: middle;
font-size: 100%;
color: rgb(255,255,255);
background: rgb(0,90,133) url("../img/submit.png") repeat-x left top;
border: 1px solid rgb(0,95,140);
cursor: pointer;
}

.discussionSubmit {
clear: both;
height: 30px;
}
.discussionSubmit input.submit,
.discussionSubmit button.submit {
position: absolute;
right: 20px;
}
input.submit[class],
button.submit[class] {
padding: 2px 16px;
padding-left: expression('6px');
padding-right: expression('6px');
padding-top: expression('2px');
padding-bottom: expression('1px');
}
.noDis {
display: none;
}
.noVis {
position: absolute;
top: -1000px;
left: -1000px;
width: 1px;
height: 1px;
overflow: hidden;
}
.cleaner {
clear: both;
display: block;
height: 0;
visibility: hidden;
line-height: 0;
overflow: hidden;
}
.topDecor {
height: 100%;
background-position: left top;
background-repeat: no-repeat;
}
.bottomDecor {
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
html {
height: 100%;
}
body {
       height: 100%;
margin: 0;
padding: 0;
text-align: center;
font: 0.75em/1.4 Verdana, Tahoma, Arial, sans-serif;
color: rgb(67,55,0);
background: url('http://i60.tinypic.com/2nqxta9.jpg');
}
#page {
position: relative;
width: 858px;
height: 100%;
margin: 0 auto;
text-align: left;
background: url("../img/pg_b.png") no-repeat left bottom;
}
#page[id] {
height: auto;
min-height: 100%;
}
#pageTopDecor {
width: 100%;
padding: 14px 0;
background: url("../img/pg_t.png") no-repeat left top;
}
#pageContentDecor {
padding: 0 0 4.2em 0;
background: rgb(188,174,132);
}
#wrapper {
margin: 0 5px;
}
#header {
position: relative;
top: -4px;
height: 240px;
margin: 0 5px;
padding: 0 340px 0 16px;
overflow: hidden;
background: rgb(38,111,188);
}
#header #logo, #header h3 {
position: relative;
width: 100%;
margin: 0;
overflow: hidden;
line-height: normal;
z-index: 1;
background: 0;
border: 0;
}
#header #logo {
padding: 11px 0 0 0;
font-size: 200%;
font-weight: bold;
}
#header h3 {
font-size: 110%;
}
#header #logo span, #header #logo a, #header h3 span {
position: relative;
float: left;
text-decoration: none;
color: rgb(235,225,170);
}
#header #logo a {
cursor: pointer;
}
#header #logo a.image span {
float: none;
}
#header h3 span {
color: rgb(255,255,255);
}
#header #logo .withShade {
color: rgb(0,60,90);
}
#header h3 .withShade {
color: rgb(0,60,90);
}
#header #logo a span span, #header #logo span span span, #header h3 span span {
position: absolute;
top: -1px;
left: -1px;
}
#header #logo .image {
float: left;
max-height: 150px;
overflow: hidden;
}
#header .illustration {
position: absolute;
left: 0;
top: 0;
display: block;
width: 838px;
height: 240px;
overflow: hidden;
z-index: 0;
}
#header .illustration img, #header .image img {
margin: 0;
border: 0;
}
#header .illustration span {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: url("../img/masque.png") no-repeat left top;
}
#twoCols, #threeCols, #threeColsWithTop, #threeColsWithBottom {
width: 100%;
margin: 0;
overflow: hidden;
}
.container {
float: left;
width: 638px;
}
#twoCols #zoneA {
float: left;
width: 638px;
}
#twoCols #zoneB {
float: right;
width: 210px;
}
#threeCols #zoneA {
float: right;
display: inline;
width: 428px;
}
#threeCols #zoneB {
float: left;
width: 210px;
}
#threeCols #zoneC {
float: right;
width: 210px;
}
#threeColsWithTop #zoneA {
width: 638px;
}
#threeColsWithTop #zoneB {
clear: both;
float: left;
display: inline;
width: 319px;
}
#threeColsWithTop #zoneC {
float: right;
width: 319px;
}
#threeColsWithTop #zoneD {
float: right;
width: 210px;
}
#threeColsWithBottom #zoneA {
float: left;
width: 319px;
}
#threeColsWithBottom #zoneB {
float: right;
width: 319px;
}
#threeColsWithBottom #zoneC {
clear: both;
width: 638px;
}
#threeColsWithBottom #zoneD {
float: right;
width: 210px;
}
#footer {
position: absolute;
left: 10px;
top: expression( document.getElementById('page').offsetHeight - document.getElementById('footer').offsetHeight - 10 );
bottom: 10px;
width: 838px;
height: 4.2em;
line-height: 4.2em;
overflow: hidden;
color: rgb(67,55,0);
background: rgb(237,228,184) url("../img/ft.png") repeat-y left top;
}
#footer[id] {
top: auto;
}
#footer .topDecor {
background-image: url("../img/ft_t.png");
}
#footer .bottomDecor {
background-image: url("../img/ft_b.png");
}
#footer p {
float: left;
display: inline;
width: 480px;
height: 100%;
margin: 0 0 0 16px;
overflow: hidden;
}
#footer a {
}
#footer a:hover, #footer a:visited {
}
#footer p .rss {
margin-right: 5px;
padding: 5px 0 5px 20px;
background: url("../img/rss.png") no-repeat left center;
}
#footer p span {
margin-left: 5px;
}
#footer .signature {
float: right;
text-align: right;
width: 320px;
margin: 0 16px 0 0;
font-weight: bold;
}
#navigatorFulltext {
position: relative;
margin: 6px 5px 0 5px;
background: rgb(237,228,184) url("../img/nav_fxt.png") repeat-y left top;
}
#navigatorFulltext .topDecor {
padding: 12px 0;
background-image: url("../img/nav_fxt_t.png");
}
#navigatorFulltext .bottomDecor {
background-image: url("../img/nav_fxt_b.png");
}
#pageNavigator {
float: left;
/*width: 540px;*/
margin: 0;
padding: 0 0 0 15px;
overflow: hidden;
line-height: 1.75em;
}
#pageNavigator a {
color: rgb(175,27,44);
}
#pageNavigator a:hover, #pageNavigator a:active {
color: rgb(131,0,15);
}
#pageNavigator span {
margin: 0 2px;
color: rgb(67,55,0);
background: url("../img/nav.png") no-repeat 50% 55%;
}
#pageNavigator span#navCurrentPage {
margin: 0;
background: 0;
}
#pageNavigator span span {
margin: 0;
visibility: hidden;
}
#search {
float: right;
/*width: 280px;*/
}
#search form {
margin: 0 10px 0 0;
padding: 0;
text-align: right;
border: 0;
}
#search label {
display: none;
}
#search input {
display: inline;
}
#search input#fulltextSearchText {
width: 160px;
margin: 0 10px 0 0 !important;
vertical-align: middle;
}
#search .submit {
margin: 0 !important;
}

.contact form, .searching form, .discussion form {
width: 628px;
}
.box {
position: relative;
width: 100%;
margin: 10px 0;
padding: 0 5px;
padding-bottom: 31px;
overflow: hidden;
background: url("../img/box_wa_b.jpg") no-repeat left bottom;
}
.box[class] {
width: auto;
}
.content {
width: 100%;
height: 100%;
padding: 21px 0 20px 0;
overflow: hidden;
background: rgb(244,238,205) url("../img/box_wa_t.jpg") no-repeat left top;
}
.content[class] {
width: auto;
}
.box h1 span, .box h2 span {
display: block;
overflow: hidden;
text-align: left;
}
.wsw, .error, .borderDecor, address, .notFound, .messageSend {
margin: 0 20px 25px 20px;
}
.notFound, .messageSend {
text-align: left;
}
.detail .notFound {
padding-top: 20px;
}
.wsw h1, .wsw h2 {
margin-left: -20px;
margin-right: -20px;
}
.heading {
width: 100%;
margin: 0 20px 0.4em 20px;
overflow: hidden;
color: rgb(131,0,15);
}
.back, .more {
width: 100%;
margin: 0 20px 25px 20px;
overflow: hidden;
text-align: left;
}
.back a, .photogallery .links a.back {
padding-left: 23px;
background: url("../img/back.png") no-repeat left center;
}
.back a:hover, .photogallery .links a.back:hover {
background-image: url("../img/back_h.png");
}
.heading[class], .back[class], .more[class] {
width: auto;
}
.more, .more a {
color: rgb(131,174,0);
}
.more a:hover, .more a:active {
color: rgb(131,0,15);
}
.widthA .contact label, .widthA .searching label, .widthA .discussion label, .widthB .contact label, .widthB .searching label, .widthB .discussion label {
clear: both;
float: left;
width: 140px;
margin: 0.4em 10px 0.75em 0;
}
.widthA .contact input, .widthA .searching input, .widthA .discussion input, .widthB .contact input, .widthB .searching input, .widthB .discussion input, .widthB select {
float: left;
width: 220px;
margin: 0.15em 0 0.5em 0;
}
.widthA .submit, .widthB .submit {
clear: both;
margin: 15px 0 0 auto;
}
input.wrong, textarea.wrong, select.wrong {
border: 1px solid rgb(255,0,0);
}
label.wrong {
color: rgb(255,0,0);
}
.error ul {
color: rgb(255,0,0);
}
.borderDecor {
background: rgb(251,249,235);
border: 1px solid rgb(165,155,100);
}
.hover .borderDecor {
border-color: rgb(131,0,15) !important;
}
.leftTopDecor {
margin: -1px;
background: url("../img/brd_l_t.png") no-repeat left top;
}
.hover .leftTopDecor {
background-image: url("../img/brd_l_t_h.png");
}
.rightTopDecor {
background: url("../img/brd_r_t.png") no-repeat right top;
}
.hover .rightTopDecor {
background-image: url("../img/brd_r_t_h.png");
}
.leftBottomDecor {
background: url("../img/brd_l_b.png") no-repeat left bottom;
}
.hover .leftBottomDecor {
background-image: url("../img/brd_l_b_h.png");
}
.rightBottomDecor {
height: 100%;
padding: 10px;
background: url("../img/brd_r_b.png") no-repeat right bottom;
}
.hover .rightBottomDecor {
background-image: url("../img/brd_r_b_h.png");
}
.widthB .contact form, .widthB .searching form, .widthB .discussion form {
width: 418px;
}
.widthB[class] select {
width: 223px;
}
.widthB .contact input, .widthB .searching input, .widthB .discussion input, .widthB select {
float: right;
}
.widthB .box {
background-image: url("../img/box_wb_b.jpg");
}
.widthB .content {
background-image: url("../img/box_wb_t.jpg");
}
.widthB h1, .widthB h2 {
padding-right: 170px;
font-size: 150%;
background-image: url("../img/box_wb_head.jpg");
}
.widthC .contact form, .widthC .searching form, .widthC .discussion form {
width: 309px;
}
.widthC[class] .contact input, .widthC[class] .searching input, .widthC[class] .discussion input, .widthC[class] textarea {
width: 265px;
}
.widthC[class] select {
width: 268px;
}
.widthC .box {
background-image: url("../img/box_wc_b.jpg");
}
.widthC .content {
background-image: url("../img/box_wc_t.jpg");
}
.widthC h1, .widthC h2 {
padding-right: 50px;
font-size: 142%;
background-image: url("../img/box_wc_head.jpg");
}
.widthD h3, .widthD h4, .widthD h5 {
font-size: 100%;
}
.widthD ul {
padding-left: 1px;
}
.widthD ol {
padding-left: 2em;
}
.widthD ul li {
background-image: url("../img/li_wd.png");
background-position: left 4px;
}
.widthD blockquote {
background-color: rgb(158,62,70);
border-color: rgb(196,88,97);
}
.widthD table td {
color: rgb(255,255,255);
}
.widthD table.modernTable thead td {
color: rgb(255,233,114);
background-color: rgb(158,62,70);
border-color: rgb(196,88,97);
}
.widthD table.modernTable td {
background-color: rgb(158,62,70);
border-color: rgb(196,88,97);
}
.widthD hr {
border-color: rgb(196,88,97);
}
.widthD a, .widthD .more {
color: rgb(255,233,114);
}
.widthD a:visited {
color: rgb(196,196,196);
}
.widthD a:hover, .widthD a:active {
color: rgb(231,195,0);
}
.widthD .wsw img {
border-color: rgb(145,56,64);
}
.widthD .wsw a img {
border-color: rgb(172,78,86);
}
.widthD .wsw a:hover img, .widthD .wsw a:active img {
border-color: rgb(231,195,0);
}
.widthD ins {
margin: 0 10px 0.3em 10px;
color: rgb(165,219,0);
}
.widthD .contact form, .widthD .searching form, .widthD .discussion form {
width: 200px;
margin: 0 0 15px 0;
padding: 0 10px;
}
.widthD[class] .contact input, .widthD[class] .searching input, .widthD[class] .discussion input, .widthD[class] textarea {
width: 176px;
}
.widthD[class] select {
width: 179px;
}
.widthD .box {
padding-bottom: 19px;
font-size: 95%;
background-image: url("../img/box_wd_b.jpg");
}
.widthD .content {
padding: 16px 0 10px 0;
color: rgb(255,255,255);
background-image: url("../img/box_wd_t.jpg");
background-color: rgb(145,56,64);
}
.widthD h1, .widthD h2 {
padding: 3px 65px 10px 10px;
margin-bottom: 10px;
font-size: 110%;
font-weight: bold;
color: rgb(255,255,255);
background-image: url("../img/box_wd_head.jpg");
background-color: rgb(77,12,18);
border-bottom-color: rgb(172,78,86);
}
.widthD .wsw, .widthD .error, .widthD .borderDecor, .widthD address, .widthD .notFound, .widthD .messageSend {
margin: 0 10px 15px 10px;
}
.widthD input.wrong, .widthD textarea.wrong, .widthD select.wrong {
border-color: rgb(255,203,63);
}
.widthD label.wrong {
color: rgb(255,203,63);
}
.widthD .error ul {
color: rgb(255,203,63);
}
.widthD .detail .notFound {
padding-top: 10px;
}
.widthD .wsw h1, .widthD .wsw h2 {
margin-left: -10px;
margin-right: -10px;
}
.widthD .heading {
margin-left: 10px;
margin-right: 10px;
color: rgb(255,233,114);
}
.widthD .back, .widthD .more {
margin: 0 10px 15px 10px;
}
#menu {
padding-bottom: 18px;
font-size: 100%;
line-height: normal;
background-image: url("../img/box_m_b.jpg");
}
#menu .content {
padding: 40px 0 0 0;
background-image: url("../img/box_m_t.jpg");
background-color: rgb(0,47,70);
}
#menu h2 {
top: -30px;
margin-bottom: -29px;
background: 0;
border: 0;
}
#menu ul {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
background-color: rgb(0,87,131);
border-top: 1px solid rgb(0,109,160);
}
#menu ul li {
clear: both;
margin: 0;
padding: 0;
background: 0;
}
#menu ul li.selected {
border-bottom: 0;
}
#menu ul li a {
display: block;
width: 100%;
overflow: hidden;
padding: 8px 10px;
text-decoration: none;
color: rgb(255,255,255);
border-bottom: 1px solid rgb(0,109,160);
}
#menu[id] ul li a {
width: auto;
}
#menu ul li a:hover, #menu ul li.activeSelected a {
background-color: rgb(0,106,156);
}
#menu ul li.activeSelected a {
font-weight: bold;
}
#menu ul li.activeSelected li a {
font-weight: normal;
background-color: rgb(0,69,105);
}
#menu ul ul {
background-color: rgb(0,69,105);
border: 0;
}
#menu ul ul li a {
padding-left: 25px;
background: url("../img/mi.png") no-repeat 11px 11px;
border-bottom-color: rgb(0,79,120);
}
#menu ul ul li a:hover, #menu ul ul li.activeSelected a, #menu ul ul li.activeSelected a:hover {
background-image: url("../img/mi_h.png");
background-color: rgb(0,44,74);
}
#menu ul ul li.activeSelected li a {
background-image: url("../img/mi.png");
background-color: rgb(0,69,105);
}
#menu ul ul ul li a {
padding-left: 40px;
background-position: 26px 11px;
}
#menu ul ul ul ul li a {
padding-left: 55px;
background-position: 41px 11px;
}
.pagination {
clear: both;
margin: 0 20px 10px 20px;
}
.widthD .pagination {
margin: 0 10px 10px 10px;
}
.pagination a {
font-weight: bold;
}
.pagination .separator {
margin: 0 -3px;
}
.pagination .separatorText {
visibility: hidden;
}
.pagination .selected, .widthD .photogallery .pagination .selected {
font-weight: bold;
color: rgb(67,55,0);
}
.widthD .pagination .selected {
color: rgb(255,255,255);
}
.pagination .paging {
line-height: 1.5em;
}
.pagination a.leftEnd, .widthD .photogallery .pagination a.leftEnd {
padding: 0 13px 0 0;
text-decoration: none;
background: url("../img/pg_first.png") no-repeat left bottom;
}
.widthD .pagination a.leftEnd {
background-image: url("../img/pg_wd_first.png");
}
.pagination a.leftEnd:hover {
background-image: url("../img/pg_first_h.png");
}
.pagination a.left, .widthD .photogallery .pagination a.left {
padding: 0 8px 0 0;
text-decoration: none;
background: url("../img/pg_prev.png") no-repeat left bottom;
}
.widthD .pagination a.left {
background-image: url("../img/pg_wd_prev.png");
}
.pagination a.left:hover {
background-image: url("../img/pg_prev_h.png");
}
.pagination a.right, .widthD .photogallery .pagination a.right {
padding: 0 0 0 8px;
text-decoration: none;
background: url("../img/pg_next.png") no-repeat right bottom;
}
.widthD .pagination a.right {
background-image: url("../img/pg_wd_next.png");
}
.pagination a.right:hover {
background-image: url("../img/pg_next_h.png");
}
.pagination a.rightEnd, .widthD .photogallery .pagination a.rightEnd {
padding: 0 0 0 13px;
text-decoration: none;
background: url("../img/pg_last.png") no-repeat right bottom;
}
.widthD .pagination a.rightEnd {
background-image: url("../img/pg_wd_last.png");
}
.pagination a.rightEnd:hover {
background-image: url("../img/pg_last_h.png");
}
.pagination .leftEndText, .pagination .leftText, .pagination .rightText, .pagination .rightEndText {
visibility: hidden;
}
.rbcBookmarks {
margin: 15px 20px;
}
.products .detail .rbcBookmarks {
text-align: left;
}
.rbcTags {
margin: 15px 20px;
padding: 5px 0 7px 0;
text-align: left;
border-top: 1px solid rgb(165,155,100);
border-bottom: 1px solid rgb(165,155,100);
}
.photogallery .detail .rbcTags {
margin: 10px 0 0 0;
padding: 0;
border: 0;
}
.rbcTags h4 {
display: inline;
margin: 0 5px 0 0;
font-size: 100%;
color: rgb(67,55,0);
}
.rbcTags p.tags {
display: inline;
}
.tagCloud ol.tags {
margin: 0 20px 10px 20px;
padding: 0;
text-align: center;
}
.tagCloud ol.tags li {
display: inline;
margin: 0 0.5em;
list-style: none;
}
.tagSearch .heading {
position: static;
margin-bottom: 0.4em;
padding: 0;
font-size: 120%;
font-weight: bold;
background: 0;
border: 0;
}
.article .heading {
margin-bottom: .1em;
}
.article ins {
margin-bottom: 0;
}
.article .wsw {
margin-bottom: 15px;
}
.rss .heading {
position: static;
margin-bottom: 0.4em;
padding: 0;
font-size: 120%;
font-weight: bold;
background: 0;
border: 0;
}
.searching .heading {
position: static;
margin-bottom: 0.4em;
padding: 0;
font-size: 120%;
font-weight: bold;
background: 0;
border: 0;
}
.widthD .searching .heading {
font-size: 100%;
}
.searching .wsw {
margin-bottom: 0;
}
.widthA .searching form {
text-align: left;
}
.widthA .searching label, .widthA .searching input, .widthA .searching select {
display: inline;
float: none;
width: auto;
margin: 0;
vertical-align: middle;
}
.widthA .searching input, .widthA .searching select {
width: 100px;
margin: 0 10px 0 0;
}
.widthA .searching input {
width: 130px;
}
.widthA .searching input.submit {
margin: 0;
}
.discussion .post {
padding: 0 20px 10px 180px;
margin-bottom: 10px;
overflow: hidden;
background: url("../img/dsc_9.png") no-repeat 20px 2px;
}
.discussion .list .post {
border-bottom: 1px solid rgb(250,247,232);
}
.widthC .discussion .post {
padding-left: 60px;
background-image: url("../img/dsc_3.png");
}
.widthD .discussion .post {
padding: 0 10px 10px 36px;
background-image: url("../img/dsc_wd_3.png");
background-position: 10px 3px;
border-bottom-color: rgb(172,78,86);
}
.discussion .level-1, .widthC .discussion .level-1 {
padding-left: 20px;
background: 0;
}
.widthD .discussion .level-1 {
padding-left: 10px;
background: 0;
}
.discussion .level-2, .widthC .discussion .level-2 {
padding-left: 40px;
background-image: url("../img/dsc_2.png");
}
.widthD .discussion .level-2 {
padding-left: 23px;
background-image: url("../img/dsc_wd_2.png");
}
.discussion .level-3 {
padding-left: 60px;
background-image: url("../img/dsc_3.png");
}
.discussion .level-4 {
padding-left: 80px;
background-image: url("../img/dsc_4.png");
}
.discussion .level-5 {
padding-left: 100px;
background-image: url("../img/dsc_5.png");
}
.discussion .level-6 {
padding-left: 120px;
background-image: url("../img/dsc_6.png");
}
.discussion .level-7 {
padding-left: 140px;
background-image: url("../img/dsc_7.png");
}
.discussion .level-8 {
padding-left: 160px;
background-image: url("../img/dsc_8.png");
}
.discussion .date, .discussion .author {
width: 100%;
margin: 0 0 0.15em 0;
overflow: hidden;
font-weight: bold;
}
.discussion .heading {
width: 100%;
margin: 0;
margin: 0 0 0.15em 0;
font-size: 100%;
color: rgb(67,55,0);
}
.discussion .date ins, .discussion .author b {
display: inline;
margin: 0;
font-size: 100%;
font-weight: normal;
}
.discussion .heading span {
font-weight: normal;
}
.discussion .date ins, .discussion .author b, .discussion .heading span {
color: rgb(131,174,0);
}
.widthD .discussion .date ins, .widthD .discussion .author b, .widthD .discussion .heading, .widthD .discussion .heading span {
color: rgb(255,255,255);
}
.discussion .message {
margin: 10px 0;
}
.discussion .reply {
margin: 0;
text-align: right;
}
.discussion .add {
margin: 20px 0 0 0;
padding: 10px 20px;
border-top: 1px solid rgb(250,247,232);
}
.widthD .discussion .add {
border-top-color: rgb(172,78,86);
}
.discussion .back {
float: left;
position: relative;
width: 50%;
margin: 0;
text-align: left;
}
.widthD .discussion .back {
float: none;
position: static;
width: auto;
margin-top: 0.7em;
}
.discussion .pagination {
margin-top: 25px;
}
.widthA .discussion textarea, .widthB .discussion textarea {
clear: both;
}
.widthA .small .group-1 {
display: none;
}
.photogallery .content, .products .detail {
text-align: center;
}
.widthD .photogallery .content {
background-color: rgb(244,238,205);
color: rgb(67,55,0) !important;
}
.photos {
position: relative;
left: 5px;
margin: 0 auto;
overflow: hidden;
}
.small .photos {
width: 560px;
}
.widthB .small .photos, .widthC .small .photos {
width: 280px;
}
.widthD .small .photos {
width: 140px;
}
.large .photos {
width: 222px;
}
.widthA .large .photos {
width: 444px;
}
.widthD .large .photos {
left: 0;
width: 180px;
}
.detail .photos {
left: 0;
width: 472px;
}
.widthB .detail .photos {
width: 378px;
}
.widthC .detail .photos {
width: 269px;
}
.widthD .detail .photos {
width: 180px;
}
.photo {
float: left;
overflow: hidden;
margin: 0 10px 10px 0;
text-decoration: none;
}
.photogallery .list .photo, .products .photo {
cursor: pointer;
}
.products .photo {
float: none;
display: block;
margin: 0 20px 5px 20px;
text-align: center;
}
.products .detail .photo {
margin: 0 0 20px 0;
}
.small .photo, .list .photo {
width: 130px;
}
.large .photo {
width: 212px;
}
.widthD .large .photo {
width: 180px;
}
.widthA .products .list .photo {
float: left;
display: inline;
margin: 0 0 25px 20px;
}
.widthD .products .photo {
margin: 0 10px 5px 10px;
}
.detail .photo {
width: 472px;
margin-bottom: 20px;
}
.widthB .detail .photo {
width: 378px;
}
.widthC .detail .photo {
width: 269px;
}
.photo .borderDecor, .photo .leftTopDecor, .photo .rightTopDecor, .photo .leftBottomDecor, .photo .rightBottomDecor {
display: block;
}
.photo .borderDecor {
margin: 0;
background: rgb(255,255,255);
border-color: rgb(165,155,100);
}
.widthD .products .borderDecor {
border-color: rgb(165,155,100);
}
.widthD .products .hover .borderDecor {
border-color: rgb(231,195,0) !important;
}
.widthD .products .leftTopDecor {
background-image: url("../img/brd_wd_l_t.png");
}
.widthD .products .hover .leftTopDecor {
background-image: url("../img/brd_wd_l_t_h.png");
}
.widthD .products .rightTopDecor {
background-image: url("../img/brd_wd_r_t.png");
}
.widthD .products .hover .rightTopDecor {
background-image: url("../img/brd_wd_r_t_h.png");
}
.widthD .products .leftBottomDecor {
background-image: url("../img/brd_wd_l_b.png");
}
.widthD .products .hover .leftBottomDecor {
background-image: url("../img/brd_wd_l_b_h.png");
}
.widthD .products .rightBottomDecor {
background-image: url("../img/brd_wd_r_b.png");
}
.widthD .products .hover .rightBottomDecor {
background-image: url("../img/brd_wd_r_b_h.png");
}
.list .photo .rightBottomDecor {
padding: 5px;
}
.thumbnail {
display: block;
width: auto;
margin: 0 auto;
overflow: hidden;
cursor: pointer;
}
.photo table {
margin: 0 auto;
border: 0;
border-collapse: collapse;
}
.photo td {
height: 120px;
padding: 0;
text-align: center;
vertical-align: middle;
}
.small .photo .thumbnail {
width: 120px;
}
.large .list .photo td {
height: 202px;
}
.large .list .photo .thumbnail {
width: 202px;
}
.widthD .large .photo .thumbnail {
width: 170px;
}
.detail .photo td {
height: 452px;
}
.detail .photo .thumbnail {
width: 452px;
}
.widthB .detail .photo td, .widthC .detail .photo td {
height: 202px;
}
.widthB .detail .photo .thumbnail {
width: 358px;
}
.widthC .detail .photo .thumbnail {
width: 249px;
}
.products .photo td {
height: auto;
}
.thumbnail img {
margin: 0 auto;
border: 1px solid rgb(165,155,100);
}
.thumbnail:hover img {
border-color: rgb(131,0,15);
}
.hover img {
border-color: rgb(165,155,100) !important;
}
.hover a.more {
color: rgb(67,55,0) !important;
}
.photogallery a.more {
display: block;
width: 100%;
height: 2.8em;
margin: 0.7em 0;
overflow: hidden;
text-align: center;
text-decoration: none;
font-size: 95%;
color: rgb(67,55,0);
}
.photogallery .pagination {
margin-top: 10px;
text-align: left;
}
.widthD .photogallery .pagination .info {
color: rgb(67,55,0);
}
.widthD .photogallery .pagination a {
color: rgb(131,0,15);
}
.widthD .photogallery .pagination a:visited {
color: rgb(96,96,96);
}
.widthD .photogallery .pagination a:hover, .widthD .photogallery .pagination a:active {
color: rgb(175,27,44);
}
.photo .wsw {
width: 100%;
margin: 15px 0 10px 0;
overflow: hidden;
}
.products .product {
width: 100%;
}
.products .wsw {
clear: both;
text-align: left;
}
.widthA .products .rbcRowArea {
position: relative;
}
.widthA .products .withImage .heading, .widthA .products .withImage .wsw {
clear: none;
float: right;
display: inline;
width: 448px;
margin-left: 0;
overflow: hidden;
}
.photogallery .links {
position: relative;
width: 100%;
margin: 10px 0 0 0;
line-height: 26px;
text-align: left;
}
.photogallery .links table {
float: right;
margin: 0;
font-size: 100%;
border-collapse: collapse;
}
.photogallery .links table td {
width: 29px;
height: auto !important;
padding: 0 0 0 2px;
}
.widthC .photogallery .links table {
margin-bottom: 5px;
}
.photogallery .links .slideshow {
width: auto;
}
.photogallery .links table a {
float: left;
position: relative;
width: 29px;
text-decoration: none;
line-height: 24px;
background-color: rgb(201,193,149);
background-repeat: no-repeat;
background-position: left top;
border: 1px solid rgb(201,193,149);
cursor: pointer;
}
.photogallery .links[class] table a {
width: 27px;
}
.photogallery .links table a:hover, .photogallery .links a.hover {
color: rgb(255,255,255) !important;
background-color: rgb(0,90,133) !important;
border-color: rgb(0,95,140) !important;
}
.photogallery .links .prev a {
background-image: url("../img/prev.png");
}
.photogallery .links .prev a:hover {
background-image: url("../img/prev_h.png");
}
.photogallery .links .next a {
background-image: url("../img/next.png");
}
.photogallery .links .next a:hover {
background-image: url("../img/next_h.png");
}
.photogallery .links a span {
display: none;
}
.photogallery .links a#slideshowControl {
display: none;
}
.photogallery .links a#slideshowControl.enableControl {
display: block;
float: left;
width: auto;
padding: 0 10px;
font-weight: bold;
white-space: nowrap;
color: rgb(255,255,255);
background-image: url("../img/slideshow.png");
background-repeat: repeat-x;
}
.photogallery .links a.hover {
background-image: url("../img/slideshow_h.png") !important;
}
.photogallery .links .back {
float: left;
width: auto;
margin: 0;
text-align: left;
font-weight: bold;
}
.widthC .photogallery .links .back {
clear: both;
float: none;
}
.sitemap ul {
margin-right: 20px;
margin-left: 20px;
padding: 0;
font-size: 120%;
}
.widthD .sitemap ul {
margin-left: 10px;
margin-right: 10px;
font-size: 100%;
}
.sitemap ul li {
width: 100%;
padding-left: 0;
overflow: hidden;
list-style: none;
background: 0;
}
.sitemap[class] ul li {
width: auto;
}
.sitemap ul li a {
display: block;
padding: 0 0 0 15px;
text-decoration: underline;
background: url("../img/li.png") no-repeat left 7px;
}
.widthD .sitemap ul li a {
background-image: url("../img/li_wd.png");
}
.sitemap ul ul {
margin: 0.25em 0 0 0;
padding-left: 20px;
font-size: 90%;
}
.sitemap ul ul li a {
background-position: left 6px;
}
.widthC .sitemap ul ul {
padding-left: 10px;
}
.widthD .sitemap ul ul {
margin-right: 0;
padding-left: 5px;
}
.sitemap ul ul li {
padding-left: 12px;
}
.widthD .sitemap ul ul li {
padding-left: 1px;
}
.sitemap ul ul ul {
font-size: 100%;
}
.poll .borderDecor {
position: relative;
}
.poll .leftTopDecor {
background-image: url("../img/brd_poll_l_t.png")
}
.poll .rightTopDecor {
background-image: url("../img/brd_poll_r_t.png")
}
.poll .leftBottomDecor {
background-image: url("../img/brd_poll_l_b.png")
}
.poll .rightBottomDecor {
background-image: url("../img/brd_poll_r_b.png")
}
.widthD .poll .borderDecor, .widthD .poll .leftTopDecor, .widthD .poll .rightTopDecor, .widthD .poll .leftBottomDecor, .widthD .poll .rightBottomDecor {
padding: 0;
background: 0;
border: 0;
}
.widthD .border {
margin: 0 10px 15px 10px;
padding: 0;
background: 0;
border: 0;
}
.poll h3 {
margin-top: 0;
margin-bottom: 1.5em;
font-size: 100%;
color: rgb(67,55,0);
}
.widthD .poll h3 {
color: rgb(255,255,255);
}
.poll p {
margin: 0 0 10px 0;
overflow: visible;
}
.poll .question {
display: block;
width: 100%;
overflow: hidden;
}
.poll .pollbar {
display: block;
width: 100%;
height: 10px;
margin: 4px 0 3px 0;
}
.poll .pollbar[class] {
height: 8px;
}
.poll .pollbar a, .poll .pollbar span {
display: block;
width: 0;
height: 100%;
background: rgb(68,195,255) url("../img/poll_s.png") repeat-x top left;
border-width: 1px;
border-style: solid;
border-color: rgb(136,216,255) rgb(25,181,255) rgb(1,126,186) rgb(25,181,255);
}
.widthD .poll .pollbar a, .widthD .poll .pollbar span {
background-color: rgb(68,195,255);
background-image: url("../img/poll_s_wd.png");
border-color: rgb(136,216,255) rgb(25,181,255) rgb(1,126,186) rgb(25,181,255);
}
.poll .pollbar img {
display: none;
}
.poll .voted {
display: block;
}
.poll .totalVoted {
margin: 0 0 5px 0;
}
.contact strong, .contact .address, .contact .phone, .contact .email {
display: block;
margin-bottom: 1em;
}
.widthA .contact textarea, .widthB .contact textarea {
clear: both;
}
.rbcWidgetArea {
margin: 10px 26px 20px 26px;
}
table#waitingTable {
width: 100%;
height: 100%;
background-color: transparent;
}
table#waitingTable, table#waitingTable td, table#waitingTable tr {
background-color: transparent;
text-align: center;
border: 0;
}
table#waitingTable td {
vertical-align: middle;
text-align: center;
}
.poll table#waitingTable img {
visibility: hidden;
}
.poll table#waitingTable td {
background: url("../img/loading_poll.gif") no-repeat center center;
}
.widthD .poll table#waitingTable td {
background: url("../img/loading_poll_wd.gif") no-repeat center center;
}
.rbcReplaceBorderColor {
border-color: rgb(240,240,240) !important;
}
.rbcReplaceTextColor {
color: rgb(240,240,240) !important;
}
.rbcRowMenu {
background-color: rgb(244,238,205);
}
.widthD .rbcRowMenu {
background-color: rgb(145,56,64);
}
#menu .rbcContentBlock {
margin-bottom: 0;
padding-bottom: 0;
}
#languageSelectBody {
height: 18px;
line-height: normal;
text-align: right;
background: #BCAE84;
}
#languageSelect ul {
display: none;
}
#languageFlags
{
position: absolute;
right: 15px;
top: 4px;
}
#languageSelect #languageFlags a {
display: block;
width: 16px;
height: 16px;
text-decoration: none;
float: left;
margin: 1px 5px;
background: center center no-repeat transparent;
}
#languageSelect select
{
width: auto;
position: absolute;
right: 15px;
top: 4px;
border: 1px solid #00314C;
}
#languageSelect #languageList
{
position: absolute;
right: 15px;
top: 6px;
}
#languageSelect #languageList a
{
color: #AF1B2C;
}
#languageSelect #languageList a:hover
{
color: #83000F;
}
#pageNavigator
{
width: auto;
}
.privateAccessForm p,
.privateAccessForm form
{
  margin: 0 10px;
}

.privateAccessForm table
{
font-size: 1em;
margin-top: 10px;
}

.privateAccessForm table td
{
vertical-align: top;
}

.privateAccessForm label
{
display: block;
clear: both;
font-weight: bold;
width: 140px;
}

.privateAccessForm input
{
width: 220px;
border:1px solid #00314C;
}
 
.privateAccessForm .error
{
margin: 10px;
color: #ff0000;
}  


.rbcAdPosition
{
text-align: center;
}
.formSuffixLinks {
padding-top: 15px;
}

#wrapper .rbcFormDescription {
padding: 0 20px;
}








/* -- forms ---------------------------------------- */

.discussion label.groupLabel {
margin-bottom: 5px !important;
}

.discussion .formTextarea {
margin-bottom: 5px;
}

.discussion .formTextarea label {
display: block !important;
position: relative;
}

.discussion .choicesGroup {
position: relative;
float: right;
width: 220px;
margin: 0 0 10px;
text-align: left;
}

.discussion .choicesGroup label {
float: none !important;
display: inline !important;
width: auto !important;
margin: 0 !important;
font-weight: normal !important;
}

.discussion .choicesGroup input {
position: relative !important;
top: 2px;
display: inline-block;
float: none !important;
width: auto !important;
height: auto !important;
background: transparent none !important;
border: none !important;
margin: 5px 0 !important;
}

.discussion .choicesGroup .noDis {
display: block;
}

.discussion select {
width: 220px;
margin-bottom: .5em;
padding: 2px;
font-family: Arial, Helvetica, Tahoma, sans-serif;
}

.fileInput {
float: right;
position: relative;
width: 220px;
margin-bottom: .5em;
white-space: nowrap;
text-align: left;
}

.fileInputBase {
height: 1px;
width: 0px;
overflow: hidden;
}

.fileInputCover {
position: relative;
width: 220px;
overflow: hidden;
}

.ie .fileInputBase
{
height: auto;
width: auto;
overflow: hidden;
}

.ie .fileInputBase input
{
position: absolute;
display: block;
top: -3px;
left: 0;
width: 170px;
height: 25px;
font-size: 22px;
z-index: 5;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fileInputBase
{
height: auto;
width: auto;
overflow: hidden;
}

.fileInputBase input
{
position: absolute;
display: block;
top: -3px;
left: 0;
width: 170px;
height: 25px;
font-size: 22px;
z-index: 5;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
}

.fileInputText {
position: relative;
padding: 0 0 0 7px;
white-space: nowrap;
cursor: default;
}

.fileInputSelect {
position: relative;
display: inline-block;
background: url("../img/submit.png") repeat-x left top #005A85;
border: 1px solid #005F8C;
line-height: 20px;
color: #fff;
padding: 0 15px;
cursor: pointer;
}

.widthA .discussion select, .widthA .fileInput, .widthA .fileInputCover, .widthA .choicesGroup,
.widthB .discussion select, .widthB .fileInput, .widthB .fileInputCover, .widthB .choicesGroup {
float: left;
width: 222px;
}

.widthB .discussion select, .widthB .fileInput, .widthB .fileInputCover, .widthB .choicesGroup {
float: right;
}

.widthD .discussion select, .widthD .fileInput, .widthD .fileInputCover, .widthD .choicesGroup {
width: 180px;
float: none;
margin-bottom: 1em;
}

.widthC .discussion select, .widthC .fileInput, .widthC .fileInputCover, .widthC .choicesGroup {
width: 268px;
float: none;
margin-bottom: 1em;
}

#header #logo {
height: 1.25em;
}
.widthA textarea {
clear: none !important;
float: left;
width: 430px;
}


/* -- end: forms ----------------------------------- */
avatar
francescototti78
Sono un nuovo membro
Sono un nuovo membro

Messaggi Messaggi : 1
Crediti Crediti : 3
Reputazione Reputazione : 0
Data d'iscrizione Data d'iscrizione : 18.08.14

Visualizza il profilo

Torna in alto Andare in basso

Re: Css inserire maschera benvenuto nel blog

Messaggio Da Admin il Lun Ago 18, 2014 3:25 pm

Ciao, mi potresti dire la piattaforma in cui è il tuo blog e il link sempre del tuo blog Very Happy?

Inoltre hai un'idea di come volerla fare Smile?

Fammi sapere Ciao!
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4343
Crediti Crediti : 12114
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Re: Css inserire maschera benvenuto nel blog

Messaggio Da Admin il Sab Ott 11, 2014 2:24 pm

Ciao, l'argomento è considerato abbandonato o risolto in quanto è inattivo da più di 10 giorni. In caso continui ad avere problemi crea un nuovo argomento o contattami per riaprire l'argomento.

Saluti Ciao!
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4343
Crediti Crediti : 12114
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum