Buonasera a tutti,ho un piccolo problema nella sostituzione di un logo.
allora vorrei sostituire il logo della home
http://varietywebsite.altervista.org/home.php
con quest'altro
http://varietywebsite.altervista.org/provetta.html
mi potreste aiutare?
non so se devo postarvi i codici
non serve devi solo fare le seguenti azioni:
1- apri con un editor di testo il file home.php
2- nel tag <head> della pagina c'è un tag chiamato <style> dentro questo tag trova la linea che comincia con #header
3- #header è seguito da {} dentro queste parentesi cancelli le righe:
background-image: url(http://i35.tinypic.com/54t5ab.jpg);
background-position: center;
background-repeat: no-repeat;
Ed alteri la riga height: 200px; in height: 359px;
4- cerca nel tag <body> il tag <div id="header"> e sostituisci il contenuto del div con la <table> contenuta in http://varietywebsite.altervista.org/provetta.html
A questo punto la pagina dovrebbe essere a posto
Sostituisci nel codice
http://nea.ngi.it/templates/img/80-bodybg.jpg
con
http://varietywebsite.altervista.org/provetta.html
@Gufo
non credo funzioni, dato che quella in provetta non è un immagine...
ho provato a esegurire le tue indicazioni ma nn funzona ti posto il codice che ho modificato
(ecco come viene http://varietywebsite.altervista.org/home.php)
/* ---------------------------------
BLOG TITLE STYLE
--------------------------------- */
#header {
;
background-color: #FFFFFF;
height: 359px;
border: 1px solid #FFFFFF;
margin-bottom: 15px;
text-align: left;
}
#blogtitle {
font-family:'Century Gothic', Sans-serif;
font-size: 40px;
text-transform: capitalize;
text-align: left;
text-decoration: none;
color: #FFFFFF;
padding-top: 20px;
padding-left: 10px;
}
#blogtitle a:link, #blogtitle a:visited {
color: #ff9264;
text-decoration: none;
}
#blogtitle a:hover {
color: #a4b2a5;
text-decoration: none;
}
#blogdescription {
font-family:'Century Gothic', Sans-serif;
font-size: 16px;
text-transform: capitalize;
text-align: left;
color: #a4b2a5;
margin: 5px 0px 0px 5px;
padding-left: 10px;
width: 400px;
}
/* ---------------------------------
MENU STYLE
--------------------------------- */
.boxmenu {
margin-bottom: 30px;
text-align: left;
padding: 0px 5px 0px 5px;
}
.voicemenu {
color: #FFFFFF;
font-size: 15px;
padding: 3px 5px 3px 0px;
margin-bottom: 5px;
font-family:'Century Gothic', Sans-serif;
font-weight: bold;
text-transform: capitalize;
text-align: center;
border-bottom: 1px dotted #FFFFFF;
border-top: 1px dotted #FFFFFF;
}
/* ---------------------------------
POST STYLE
--------------------------------- */
.post {
padding: 0px 5px 0px 5px;
background-color: transparent;
margin-bottom: 30px;
}
.titlepost {
text-align: left;
color: #a4b2a5;
font-size: 16px;
font-family:'Century Gothic', Sans-serif;
font-weight: bold;
text-transform: capitalize;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
padding: 2px 0px;
}
.titlepost a:link, .titlepost a:visited {
color: #a4b2a5;
text-decoration: none;
}
.titlepost a:hover {
color: #a4b2a5;
text-decoration: none;
}
.datepost {
color: #FFFFFF;
font-size: 14px;
font-family:'Century Gothic', Sans-serif;
font-weight: bold;
text-transform: capitalize;
text-align: right;
float: right;
padding-top: 3px;
}
.titolinilog {
color: #666666;
font-size: 10px;
text-align: left;
padding-left: 5px;
}
.text {
color: #808284;
font-size: 12px;
text-align: justify;
margin: 15px 0px;
}
.read-more {
margin: 4px;
padding: 4px;
font-size: 11px;
text-align: left;
}
.media-thumb{
border: 0px;
margin-bottom: 10px;
}
/* ---------------------------------
STILE IMPAGINAZIONE
--------------------------------- */
#blog-pager div {
display: inline;
color: #000000;
font-size: 10px;
padding: 1px;
}
#blog-pager a {
display: inline;
margin: 3px;
text-decoration: underline;
}
/* ---------------------------------
STILE NAVIGAZIONE
--------------------------------- */
.navigazione {
color: #000000;
margin-bottom: 10px;
margin-top: 4px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
text-align: center;
text-decoration: underline;
}
.prev {
float: left;
text-align: left;
width: 45%;
}
.next {
float: right;
text-align: right;
width: 45%;
}
.home {
text-align: center;
}
/* ---------------------------------
STILE COMMENTI
--------------------------------- */
.comment {
margin-top: 1em;
background:transparent;
}
.comment-body {
color: #666666;
text-align: left;
font-size: 12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
border-top: 1px solid #FFFFFF;
padding-top: 5px;
}
.comment-top {
background: transparent;
text-align: left;
padding:3px;
font-style:normal;
font-variant:normal;
font-weight:normal;
border-top: 1px solid #FFFFFF;
}
.comment-bottom {
background: transparent;
text-align: left;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #666666;
}
.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #666666;
}
.comment-form-title {
text-align: left;
color: #a4b2a5;
font-size: 16px;
font-family:'Century Gothic', Sans-serif;
font-weight: bold;
text-transform: capitalize;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
padding: 2px 0px;
margin: 20px 0px;
}
.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
text-align: left;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #666666;
line-height: 1.3em;
}
/* ---------------------------------
STILE FOTO E MEDIA RECENTI
--------------------------------- */
#recent-photos {
background: transparent;
text-align: center;
}
#recent-photos img {
padding: 4px;
border: 0px;
margin-bottom: 5px;
background-color: transparent;
text-decoration: none;
}
#recent-photos .album-link {
background: transparent;
font-size: 8px;
text-align: center;
text-decoration: none;
}
#recent-photos .title {
font-size: 8px;
font-weight: bold;
padding-top: 10px;
text-align: center;
letter-spacing:2px;
color: #666666;
}
/* ---------------------------------
STILE BORDI
--------------------------------- */
.media-info {
border:0px;
}
.cc-small {
border: 0px;
}
.comment-bottom img.avatar {
height: auto;
width: auto;
border: 0px;
}
.cc-logo {
border: 0px;
padding: 1px;
}
.avatar{
border:0px;
}
/* ---------------------------------
STILE MEDIA ALBUM
--------------------------------- */
#album {
background: transparent;
font-size: 10px;
text-decoration: none;
text-align: center;
}
#album-link {
vertical-align:top;
}
#album-link a:link {
vertical-align:top;
}
#album img {
padding: 4px;
margin-bottom: 5px;
background-color: transparent;
text-decoration: none;
}
#album td {
text-align: center;
vertical-align: top;
}
#album table {
text-align: left;
vertical-align: top;
}
#album .title {
font-size: 9px;
margin-top: 12px;
}
</style>
</head>
<body>
<div id="box">
<div id="header">
<table background="http://i36.tinypic.com/fcqk55.jpg" border="0" cellpadding="0" cellspacing="0" height="336" width="800">
<tbody><tr>
<td colspan="8" height="30"></td>
</tr>
<tr>
<td height="101" width="29"></td>
<td rowspan="2" valign="top" width="102"><div align="right"></div></td>
<td width="41"></td>
<td width="35"></td>
<td width="48"></td>
<td width="35"></td>
<td width="389"></td>
<td width="121"></td>
</tr>
<tr>
<td height="21"></td>
<td height="21"></td>
<td height="21"></td>
<td colspan="2" rowspan="3" valign="top"></td>
<td height="21"></td>
<td height="21"></td>
</tr>
<tr>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
</tr>
<tr>
<td height="19"></td>
<td rowspan="4" valign="top" width="102"><div align="left"></div></td>
<td></td>
<td></td>
<td></td>
<td height="19"></td>
</tr>
<tr>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
</tr>
<tr>
<td height="60"></td>
<td height="60"></td>
<td colspan="2" height="60" valign="top"></td>
<td height="60"></td>
<td height="60"></td>
<td height="60"></td>
</tr>
<tr>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
</tr>
<tr>
<td colspan="8" height="41"></td>
</a></div>
<div id="blogdescription"><With us you can...></div>
</div>
<div id="boxblog">
<center>
<Album>
<Blogger> <Navigation>
<div class="titolinilog">
<ul>
</div>
</Blogger>
<center>
VarietyWebSite
</center>
</div>
<div id="menu">
<div class="voicemenu">
</div>
<div class="boxmenu">
<center>
Home</td>
Be Allies</td>
Staff Login</td>
</center>
</div>
<div class="voicemenu">
</div>
<div class="boxmenu">
- Naruto Anime</td> <td align="right" height="11" width="107">
- Naruto Manga</td>
Bleach Anime <td align="right" height="11" width="107">
- Bleach Manga</td>
One Piece Anime <td align="right" height="11" width="107">
- One Piece</td>
Fairy Tail Anime <td align="right" height="11" width="107">
- Fairy tail Manga</td>
<center>
<Anime>
</div>
<div class="voicemenu">
</div>
<div class="boxmenu">
<Streaming>
</div>
<div class="voicemenu">
</div>
<div class="boxmenu">
<center>
</a>
</div>
<div class="voicemenu">
</div>
<div class="boxmenu">
<provaprova1>
</div>
ho risostituito solo che il logo nn si vede e un'immagine non è allineata.. ecco l'ultima parte
<div id="
<table background="http://i36.tinypic.com/fcqk55.jpg" border="0" cellpadding="0" cellspacing="0" height="336" width="800">
<tbody><tr>
<td colspan="8" height="30"></td>
</tr>
<tr>
<td height="101" width="29"></td>
<td rowspan="2" valign="top" width="102"><div align="right">
<td width="41"></td>
<td width="35"></td>
<td width="48"></td>
<td width="35"></td>
<td width="389"></td>
<td width="121"></td>
</tr>
<tr>
<td height="21"></td>
<td height="21"></td>
<td height="21"></td>
<td colspan="2" rowspan="3" valign="top">
<td height="21"></td>
<td height="21"></td>
</tr>
<tr>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
<td height="28"></td>
</tr>
<tr>
<td height="19"></td>
<td rowspan="4" valign="top" width="102"><div align="left">
<td></td>
<td></td>
<td></td>
<td height="19"></td>
</tr>
<tr>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
<td height="35"></td>
</tr>
<tr>
<td height="60"></td>
<td height="60"></td>
<td colspan="2" height="60" valign="top">
<td height="60"></td>
<td height="60"></td>
<td height="60"></td>
</tr>
<tr>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
<td height="10"></td>
</tr>
<tr>
<td colspan="8" height="41"></td>
scusa ma non so se hai notato:
<div id="
<table background="http://i36.tinypic...
si e cosa dovrei fare? ...
ho provato a togliere <div id=" solo che il logo in questo modo si vede ma sta in fondo alla pagina e il menu è in disodine
ho fatto uno stamp
http://i33.tinypic.com/213hm2s.jpg
ps(scusate se posto perchè non mi fa modificare i messaggi)
Secondo te?Originariamente inviato da Light
si e cosa dovrei fare? ...
mettici <div id="header"><table background=etc
Permessi di invio
Rispondi quotando
