Cambiare logo
3 partecipanti
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum :: Argomenti chiusi con l'aspetto del forum
Pagina 1 di 1 • Condividi
Cambiare logo
Ciao a tutti posto un' immagine per esporre il mio problema:
siccome l' immagine nel rettangolo rosso e quella nel rettangolo blu è la stessa vorrei sapere come posso cambiare quella nel triangolo rosso per mettere un logo.
posto il mio css:
ringrazio anticipatamente quanti mi aiuteranno
edit: spulciando il css ho risolto il problema mi chiedo però come posso fare per mettere un' immagine per ogni categoria sempre con il css e sopratutto come fare per spostare ciò che inserisco tramite css
siccome l' immagine nel rettangolo rosso e quella nel rettangolo blu è la stessa vorrei sapere come posso cambiare quella nel triangolo rosso per mettere un logo.
posto il mio css:
- Spoiler:
- body {
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/logo1310.png);
background-size: 120%;
background-position: fixed;
}
input.search {
background-image: none;
padding: 10px;
font-size: 15px;
width: 150px!important;
position: relative;
top: 0px!important;
}
ul.navlinks {
border-bottom: 1px solid
white;
font-weight: 700;
text-align: left;
background:
#A7D100 url(http://cuul.tk/img/gradient.png) repeat-x 0 -80px;
width: 855px;
position: absolute;
top: 89px!important;
height: 24px;
left: 342px;
border-top-right-radius: 10px;
border-top-left-radius: 9px;
text-align: center;
}
#hitskin_preview {
display: none!important;
}
#page-body {
margin: 4px 0;
width: 100%;
margin-top: 100px;
}
#page-body {
margin: 4px 0;
width: 100%;
margin-top: 115px;
}
body {
background-image: url();
background-size: 120%;
background-attachment: fixed;
}
logo {
border-radius: 130px;
background:
black url(https://i.servimg.com/u/f48/16/88/61/38/logo1310.png) center top;
background-size: 100%;
margin-top: -50px;
margin-left: -50px;
padding: 0px;
position: absolute;
box-shadow: 0 0 6px
rgba(0, 0, 0, .4);
left: 150px;
}
.headerbar {
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 4px
rgba(0, 0, 0, .6);
border: 1px solid
white;
min-height: 100px;
margin-bottom: 136px;
}
input.search {
background-image: none;
padding: 10px;
font-size: 15px;
width: 150px!important;
position: relative;
}
#wrap {
background-color:
white;
margin: 0 auto;
min-width: 951px;
padding: 5px;
width: 78%;
border: 3px solid
white;
box-shadow: 0px 0px 5px
white;
margin-top: 56px;
}
ul.navlinks a:hover {
box-shadow: none!important;
color:
white;
text-shadow: 0px 0px 10px
black;
}
#profile-advanced-layout #tabs {
bottom: 0;
background-color:
#0076B1;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
height: 30px;
padding-top: 12px;
padding-left: 9px;
color:
white!important;
font-size: 13px;
font-family: arial;
font-weight: bold!important;
text-shadow: none!important;
letter-spacing: 2px;
background-position: center -300px;
margin-bottom: -5px;
position: relative;
left: -2px;
border-top-right-radius: 3px;
border-top-left-radius: 4px;
border: 3px solid
white;
border-bottom: none;
box-shadow: 0px 0px 5px
#CCC;
}
#tabs a {
cursor: pointer;
float: left;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
position: relative;
text-decoration: none;
margin-top: -12px;
height: 42px;
line-height: 25px;
margin-right: 7px;
border-left: 3px solid
white;
border-right: 3px solid
white;
background: -webkit-linear-gradient(top,
#F9F9F9 0%,
#EEE 100%);
}
#tabs a:hover span {
background-position: 100% -70px;
color:
black;
font-weight: bold!important;
border-bottom: 2px solid;
padding-bottom: 0px;
border-top: 2px solid;
padding-top: 0px;
margin-top: 5px;
}
.headerbar {
margin-bottom: 4px;
padding: 0 5px;
background-color:
#00A5CD;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-position: -218px 631px!important;
}
.headerbar {
margin-bottom: 4px;
padding: 0 5px;
background-color:
#00A5CD;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-position: initial!important;
}
.forabg {
background-color:
#0076B1;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
box-shadow: 0 0 4px
rgba(0, 0, 0, .6);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
}
.forumbg {
background-color:
#0076B1;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-repeat: repeat-x!important;
background-position: -111px center!important;
}
ul.topiclist.bg_none {
background: none;
background-color:
#FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
box-shadow: 0px 0px 5px
#CCC;
}
.row2 {
background-color: initial!important;
}
.panel {
background-color:
#ECF3F7;
color:
#536482;
margin-bottom: 4px;
padding: 0 10px;
border-radius: 4px;
border: 2px solid
white;
box-shadow: 0px 0px 5px
#CCC;
margin-left: 5px;
margin-right: 5px;
}
form[name="post"] h1.page-title {
color:
#105289;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
position: relative;
background:
white;
padding: 2px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 2px solid
white;
box-shadow: 0px 0px 5px
#CCC;
margin-left: 5px;
margin-right: 5px;
top: 10px;
padding-left: 45px;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg);
background-position: center right;
padding-bottom: 6px;
color:
white!important;
text-shadow: 0px 1px 1px
black!important;
font-weight: bold;
letter-spacing: 0px;
font-family: arial;
padding-top: 6px;
}
ul.navlinks {
border-bottom: 1px solid
white;
font-weight: 700;
text-align: left;
background:
#A7D100 url(http://cuul.tk/img/gradient.png) repeat-x 0 -80px;
width: 855px;
position: absolute;
top: 50px;
height: 24px;
left: 342px;
border-top-right-radius: 10px;
border-top-left-radius: 9px;
text-align: center;
width: 840px!important;
left: 357px!important;
}
#page-footer .navbar {
background-color:
#12A3EB;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-repeat: repeat-x;
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 6px
rgba(0, 0, 0, .4);
padding: 10px;
margin-left: -30px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
background-position: right -411px;
color:
white!Important;
}
#page-footer .navbar a {
color:
white!Important;
font-weight: bold;
font-size: 10px;
position: relative;
}
.post {
background-position: 100% 0;
background-repeat: no-repeat;
margin: 5px!important;
padding: 0 10px;
box-shadow: 0 0 4px
rgba(0, 0, 0, .6);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
margin: 5px!important;
clear: both;
border: 5px solid
white;
background:
#FAFAFA!important;
}
ul.profile-icons {
float: right;
margin-right: 45px;
padding: 0;
width: auto;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 5px
#CCC;
border-bottom: 0px;
margin-top: -15px;
}
p.author {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em .6em 0;
background:
white;
border: 2px solid
white;
border-left: none;
box-shadow: 0px 0px 5px
#CCC;
padding: 3px;
margin-left: -10px;
margin-top: 6px;
border-top-right-radius: 3px;
border-bottom-right-radius: 4px;
}
.post h2.topic-title a {
font-size: 20px;
margin-bottom: 10px!important;
font-style: italic;
}
.postprofile {
border-color:
white;
border: 3px solid
white;
color:
#536482;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 5px
#CCC;
border-bottom: 0px;
margin-top: -15px;
position: relative;
left: 4px;
min-height: 200px;
}
#wrap {
width: 1000px!important;
margin-top: 40px;
background-color: #fafcff;
border: 1px solid #;
padding: 20px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
margin-bottom: 20px;
border: 3px solid #EEE;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
#logo {
border-radius: 130px;
background: #000 url(https://i.servimg.com/u/f48/16/88/61/38/logo1310.png) center top;
background-size: 100%;
margin-top: -50px;
margin-left: -50px;
padding: 0px;
position: absolute;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
.headerbar {
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 4px rgba(0,0,0, .6);
border: 1px solid #fff;
}
#page-footer .navbar {
background-color:#12a3eb;
background-image:url(https://2img.net/i/fa/prosilver/bg_header.gif);
background-repeat:repeat-x;
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 6px rgba(0,0,0, .4);
padding: 10px;
margin-left: -30px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
}
#site-title {
margin-left: 230px;
font-family: 'Righteous', cursive;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
}
#site-title h1 {
font-family: 'Righteous', cursive;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
}
#logo-desc p {
margin-left: 233px;
font-family: 'Righteous', cursive;
font-size: 20px;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: -10px;
margin-bottom: 15px;
}
.navbar {
background: none;
margin-top: -6px;
padding-left: 230px;
}
@font-face {
font-family: 'Righteous';
font-style: normal;
font-weight: 400;
src: local('Righteous'), local('Righteous-Regular'), url('http://themes.googleusercontent.com/static/fonts/righteous/v2/w5P-SI7QJQSDqB3GziL8XT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
ul.navlinks a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
padding: 9px;
font-style: uppercase;
background:#A7D100 url(http://cuul.tk/img/gradient.png) repeat-x 0 -80px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
}
ul.navlinks a:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
}
ul.navlinks img {
display: none;
}
span.corners-top, span.corners-bottom, span.corners-bottom span, span.corners-top span, #cp-main span.corners-top span, #cp-main span.corners-top, #cp-main span.corners-bottom span, #cp-main span.corners-bottom{background:none;}
#search-box {
border: none;
margin-top: -130px;
margin-right: -40px;
}
#search-box .button2 {
margin-left: -35px;
border: none;
background-image: url(http://cdn1.iconfinder.com/data/icons/glyph_set/32/search.png);
font-size: 0px!important;
color: transparent!important;
width: 32px!important;
height: 32px;
background-color: transparent;
opacity: 0.4;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
#search-box .button2:hover {
opacity: 1.0;
box-shadow: none!important;
background-color: none!important;
}
input[type=text], input.search, .inputbox{font-family:'Open Sans',sans-serif;border-radius:3px;border:1px solid #D4D2CB;padding:6px;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;margin-top:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);font-size:12px;color:#373737;}input[type=text]:focus, input.search:focus, .inputbox:focus{border:1px solid #C8C7C2;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);}
input[type=text]:hover, input.search:hover, .inputbox:hover {
border:1px solid #D4D2CB;
}
input.search {
background-image: none;
padding: 10px;
font-size: 15px;
width: 150px!important;
}
.icon-home{
background: url(http://cdn2.iconfinder.com/data/icons/diagona/icon/16/045.png) no-repeat top;
width:16px;
height: 16px;
color: transparent !important;
font-size: 12px !important;}
.icon-home:hover{
background: transparent url(https://i.servimg.com/u/f48/17/38/32/57/blueho10.png) no-repeat top!important;
color: transparent;
box-shadow: none!important;}
a.button1, a.button2, button.button2, input.button1, input.button2, .button2, .button1, #main-content a.cgu-buttons {
text-decoration:none;
font-family: arial, sans-serif!important;
border-width:1px;
border-style:solid;
padding:5px;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
box-shadow:0px 1px 0px rgba(255,255,255,0.75)
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff
}
button.button2:hover,input.button1:hover,input.button2:hover, .button2, .button1, #main-content a.cgu-buttons:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c;
}
.forabg, .forumbg {
box-shadow: 0 0 4px rgba(0,0,0, .6);
border-radius: 5px;
padding: 5px;
color: black;
text-shadow: 0px 1px 1px white;
margin: 5px!important;
clear: both;
border: 1px solid #fff;
}
ul.topiclist li.header dl dd {
border: none;
color: white;
text-shadow: 0px 1px 1px rgba(0,0,0, .2);
}
ul.navlinks {
border-bottom: 1px solid
white;
font-weight: 700;
text-align: left;
background:
#A7D100 url(http://cuul.tk/img/gradient.png) repeat-x 0 -80px;
width: 855px;
position: absolute;
top: 50px;
height: 24px;
left: 342px;
border-top-right-radius: 10px;
border-top-left-radius: 9px;
text-align: center;
}
ul.navlinks a {
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.8);
padding: 0px!important;
font-style: uppercase;
background:
#A7D100 url(http://cuul.tk/img/gradient.png) repeat-x 0 -80px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
text-shadow: 0px 1px 1px
rgba(0, 0, 0, .3);
height: -2px!important;
}
#content-container div#left {
float: left;
margin-right: 3px;
overflow: hidden;
width: 180px;
margin-top: 91px!important;
margin-left: -9px;
margin-right: 31px!important;
}
#search-box {
border: none;
margin-top: -130px;
margin-right: -40px;
position: relative;
top: 43px;
left: -30px;
}
.introduction .h3, .module .h3, .postbody .h3 {
background-color:
#0076B1;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
height: 30px;
padding-top: 12px;
padding-left: 9px;
color:
white!important;
font-size: 13px;
font-family: arial;
font-weight: bold!important;
margin-top: -14px;
margin-left: -8px;
margin-right: -7px;
text-shadow: none!important;
letter-spacing: 2px;
background-position: center -300px;
}
.module {
background-color:
#ECF3F7;
margin: 5px!important;
overflow: hidden;
box-shadow: 0 0 4px
rgba(0, 0, 0, .6);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
margin: 5px!important;
clear: both;
border: 1px solid
white;
}
.forabg {
background-color:
#0076B1;
background-image: url(https://i.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
}
ul.forums {
background-color:
#FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
box-shadow: 0px 0px 5px
#CCC;
}
li.row:hover {
background-color:
white!important;
}
ringrazio anticipatamente quanti mi aiuteranno
edit: spulciando il css ho risolto il problema mi chiedo però come posso fare per mettere un' immagine per ogni categoria sempre con il css e sopratutto come fare per spostare ciò che inserisco tramite css
Re: Cambiare logo
Ciao, vuoi mettere delle immagini di sezione?
Pda>generale>forum>categorie>scegli il forum>
Indirizzo dell'immagine :
Anche nella descrizione è possibile usare l'html.
Per centrarla o spostarle puoi usare i div o i semplici html
https://aiuto.forumattivo.it/t15567-risorse-html?highlight=html
Centrare un'immagine o un testo:
Pda>generale>forum>categorie>scegli il forum>
Indirizzo dell'immagine :
Anche nella descrizione è possibile usare l'html.
Per centrarla o spostarle puoi usare i div o i semplici html
https://aiuto.forumattivo.it/t15567-risorse-html?highlight=html
Centrare un'immagine o un testo:
Dozy™- Veterano dello staff
- Sesso :
Età : 37
Messaggi : 2297
Località : Tradate (va)
Re: Cambiare logo
non è proprio quello che volevo dire io ma apprezzo l' aiuto perché mi interessa anche questo.
praticamente posto un' altra immagine
le immagini le voglio mettere nella cornice delle categorie come il rettangolo rosso.
il fatto è che nella skin che ho scaricato ci sono le immagini però per ogni 2 categorie c' è la stessa immagine ed io vorrei metterne una per ogni categoria.
spero di essermi spiegato
praticamente posto un' altra immagine
le immagini le voglio mettere nella cornice delle categorie come il rettangolo rosso.
il fatto è che nella skin che ho scaricato ci sono le immagini però per ogni 2 categorie c' è la stessa immagine ed io vorrei metterne una per ogni categoria.
spero di essermi spiegato
Re: Cambiare logo
Ciao, purtroppo quello che chiedi è in possibile, perchè nel CSS hanno lo stesso nome, quindi l'immagine è uguale per entrambe le cose.
Saluti
Insane
Saluti
Insane
Re: Cambiare logo
Ciao, l'argomento non riceve risposta da più di 30 giorni, quindi viene considerato risolto o abbandonato. In futuro sei pregato/a di inserire l'apposita icona risolto . Per metterla dovrai semplicemente modificare il tuo primo messaggio e in "Icona del soggetto", selezionare "Risolto". In caso non hai risolto, nei prossimi problemi dovrai fare UP dopo 24 ore dal tuo ultimo messaggio e cercare di vedere se la questione è già stata trattata e risolta. Grazie della tua futura collaborazione. Ci vediamo nel Forum dei Forum. Cordiali saluti, lo staff. |
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum :: Argomenti chiusi con l'aspetto del forum
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.