Cambiare logo


In corso Cambiare logo

Messaggio Da LucaPanico il Mar 20 Nov 2012 - 11:33

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:
Spoiler:
body {
background-image: url(http://i48.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(http://i48.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(http://i48.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(http://i48.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(http://i48.servimg.com/u/f48/16/88/61/38/farmin13.jpg)!important;
background-position: initial!important;
}

.forabg {
background-color:
#0076B1;
background-image: url(http://i48.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(http://i48.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(http://i48.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(http://i48.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(http://i48.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(http://illiweb.com/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(http://i48.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(http://i48.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(http://i48.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
avatar
LucaPanico
**
**

Sesso : Maschile
Età : 41
Messaggi : 58
Località : Fontale di Apiro (MC)


Vedi il profilo dell'utente http://italianfarmers.forumattivo.it/
LucaPanico è stato ringraziato dall'autore di questo topic.

In corso Re: Cambiare logo

Messaggio Da Dozy™ il Mar 20 Nov 2012 - 18:00

Ciao, vuoi mettere delle immagini di sezione?

Pda>generale>forum>categorie>scegli il forum> :mod:

Indirizzo dell'immagine :

Anche nella descrizione è possibile usare l'html.


Per centrarla o spostarle puoi usare i div o i semplici html

http://aiuto.forumattivo.it/t15567-risorse-html?highlight=html

Centrare un'immagine o un testo:

avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

In corso Re: Cambiare logo

Messaggio Da LucaPanico il Mar 20 Nov 2012 - 20:05

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
avatar
LucaPanico
**
**

Sesso : Maschile
Età : 41
Messaggi : 58
Località : Fontale di Apiro (MC)


Vedi il profilo dell'utente http://italianfarmers.forumattivo.it/
LucaPanico è stato ringraziato dall'autore di questo topic.

In corso Re: Cambiare logo

Messaggio Da Insane il Mer 21 Nov 2012 - 21:22

Ciao, purtroppo quello che chiedi è in possibile, perchè nel CSS hanno lo stesso nome, quindi l'immagine è uguale per entrambe le cose.

Saluti
Insane :good:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4022
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

In corso Re: Cambiare logo

Messaggio Da Insane il Gio 27 Dic 2012 - 11:46



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.


avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4022
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

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