Jump to content

  2. →
  3. →

Photo

Mudar A Imagem Do Top

Started By klango, 11/07/2007, 17:44

  • Faça o login para participar
13 replies to this topic

#1 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 11/07/2007, 17:44

Galera, estou tentando mudar a imagem do top do blogspot mas não consigo que fique certo.
- Já fiz aquele upload de imagem, mas ela fica por cima da antiga e totalmente desalinhada.
- Tentei colocar no código o endereço dela no lugar da original mas mesmo assim não alinha.

Como fazer?
VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#2 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 12/07/2007, 17:20

tem como você passar a url do blog para que eu possa entender melhor?
[--Posted Image--]

#3 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 12/07/2007, 17:33

O endereço é: http://niltonsantoso...ra.blogspot.com

A imagem que quero colocar no top é:
http://www.iceb.com....es/top_blog.gif

O fonte da página:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
Blogger Template Style
Name: TicTac
Author: Dan Cederholm
URL: www.simplebits.com
Date: 1 March 2004
Updated by: Blogger Team
*/

/* Variable definitions
====================

<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">

<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF" value="#FFFFFF">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#f93" value="#ff9933">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#f63" value="#ff6633">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999" value="#999999">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666" value="#666666">

<Variable name="linkcolor" description="Link Color"
type="color" default="#69c" value="#6699cc">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699" value="#666699">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/

/* ---( page defaults )--- */

body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $textcolor;
background: #e0e0e0;
}

blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog....ctac/quotes.gif) no-repeat top left;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

code {
color: #f63;
}

hr {
display: none;
}

img {
border: none;
}

/* unordered list style */

ul {
list-style: none;
margin-left: 10px;
padding: 0;
}

li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog....ctac_orange.gif) no-repeat 0 6px;
}

/* links */

a:link {
color: $linkcolor;
}

a:visited {
color: $visitedlinkcolor;
}

a:hover {
color: #693;
}

a:active {
color: #cc3333;
text-decoration: none;
}

/* ---( layout structure )---*/

#outer-wrapper {
width: 847px;
margin: 0px auto 0;
text-align: left;
font: $bodyfont;
background: url(http://www.blogblog....tictac/tile.gif) repeat-y;
}

#content-wrapper {
margin-left: 42px; /* to avoid the border image */
width: 763px;
}

#main {
float: left;
width: 460px;
margin: 20px 0 0 0;
padding: 0 0 0 1em;
line-height: 1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
float: right;
width: 259px;
padding: 20px 0px 0 0;
font-size: 85%;
line-height: 1.4em;
color: $sidebartextcolor;
background: url(http://www.blogblog..../sidebar_bg.gif) no-repeat 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* ---( header and site name )--- */

#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://www.blogblog....tac/top_div.gif) no-repeat 0px 0px;
}

#header {
margin: 0;
padding: 25px 60px 35px 160px;
color: $pagetitlecolor;
background: url(http://www.blogblog....ctac/top_h1.gif) no-repeat bottom left;
}

#header h1 {
font-size: 200%;
text-shadow: #81A75B 2px 2px 2px;
}

#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}

#header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: $datecolor;
background: url(http://www.blogblog....c/date_icon.gif) no-repeat 0 50%;
}

.post h3 {
margin-top: 0;
font: $titlefont;
letter-spacing: -1px;
color: $titlecolor;
}

.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}

.post h3 a,
.post h3 a:visited {
color: $titlecolor;
text-decoration: none;
}

.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: $footercolor;
background: url(http://www.blogblog....tictac_grey.gif) no-repeat 0 8px;
}

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

/* comment styles */

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog....ments_curve.gif) no-repeat top left;
}

#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog....tac/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}

#comments ul {
margin-left: 0;
}

#comments li {
background: none;
padding-left: 0;
}

.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog....ctac_orange.gif) no-repeat 10px 5px;
}

.comment-body p {
margin-bottom: 0;
}

.comment-author {
margin: 4px 0 0 0;
padding: 0 10px 0 60px;
color: #999;
background: url(http://www.blogblog....mment_arrow.gif) no-repeat 44px 2px;
}

.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}


.deleted-comment {
font-style:italic;
color:gray;
}

/* ---( sidebar )--- */

.sidebar h2 {
margin: 0 0 0 0;
padding: 25px 0 0 40px;
font: $sidebarheaderfont;
color: $sidebarcolor;
height: 32px;
background: url(http://www.blogblog....idebar_icon.gif) no-repeat 10px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}

.sidebar .widget {
margin: 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #ddd;
}

.sidebar li {
background: url(http://www.blogblog....ictac_green.gif) no-repeat 0 5px;
}

.profile-textblock {
clear: both;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #ddd;
padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
}

#footer-wrapper {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
background: url(http://www.blogblog....bottom_sill.gif) no-repeat bottom left;
}

#footer {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(http://www.blogblog....bottom_sash.gif) no-repeat top left;
}


/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}

body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}

body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}

body#layout #content-wrapper {
margin: 0px;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nilton Santos de Oliveira - Reflexões Bíblicas (Cabeçalho)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Perfil' type='Profile'/>
<b:widget id='Poll1' locked='false' title='O que você entende por prosperidade Bíblica?' type='Poll'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/><!-- INICIO DO CODIGO CONTAGOTAS -->
<script language='javascript' src='http://www.contagotas.com.br/contador.php?p=10650'/>
<!-- FIM DO CODIGO CONTAGOTAS -->

</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>


VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#4 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 12/07/2007, 18:04

Então,

Observando o codigo, me deparei com as imagens que estão agora no topo, o que você tem que fazer (não sei se você tem acesso, pois faz muito tempo que eu não mexo com Blogspot), segue:

1º - http://www.blogblog....tac/top_div.gif
Esta aqui:
/* ---( header and site name )--- */

#header-wrapper {
  margin: 0;
  padding: 0;
  font: normal normal 100% 'Lucida Grande','Trebuchet MS';
  background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div.gif) no-repeat 0px 0px;
  }

e a barra Verde esta aqui:

2º - http://www.blogblog....ctac/top_h1.gif

#header {
  margin: 0;
  padding: 25px 60px 35px 160px;
  color: #FFFFFF;
  background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom left;
  }

Pelo que eu entendi você tem que editar o codigo fonte do blog e colocar esta imagem que você quer, no lugar das que eu coloquei acima.

Se eu estiver errado, por favor alguém me corrija (y)
[--Posted Image--]

#5 Stress

Stress

    Veterano

  • Monitores
  • 1111 posts
  • Sexo:Masculino
  • Localidade:Salvador-BA

Posted 12/07/2007, 19:35

faz tempo estou tentando por o meu também e nada, já pesquisei sobre isso me auxiliaram e nenhum sucesso.

o meu fica o nome do blog (ele está na cor branca para não aparecer,hehehe)

klango caso você consiga aí, dê um toque para passar o meu código para o deko também, hehehe

ah, o meu blog http://www.qstress.blogspot.com

Edição feita por: Stress, 12/07/2007, 19:35.

Stress - Monitor Webfórum - Equipe de Editores Web / Negócios & Oportunidades

Desde de 2002 usuário ativo.(antigo nick que deu tilt era XITEM).

Posted Image

#6 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 13/07/2007, 09:40

Cara eu consegui trocar as imagens do top, peguei as do blog e fiz as minhas em cima delas, daí deu certo.

O problema é que eles pegam o título do site e imprimem no top, dai tirei o título e deixei apenas um ponto da cor do top pra não aparecer, mas o ideal era ter o título e não imprimir no top, mas ainda não descobri como fazer.

http://niltonsantoso...ra.blogspot.com
VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#7 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 13/07/2007, 10:23

klango, desculpe mais agora eu não entendi nada :wacko: Poderia explicar melhor ? :D
[--Posted Image--]

#8 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 13/07/2007, 10:42

Vc viu que troquei as imagens né? Fiz nos mesmos tamanhos das originais e troquei os endereçõs no código onde vc apontou.

Agora quando vamos configurar o blog temos que colocar o título do blog, o sistema não aceita ficar sem o título, só que esles pegam o título e colocam sobre a imagem do top.

Então deixei só um ponto no lugar do título e coloquei sua cor a mesma da imgem do top paa ele não aparecer. Passe o mouse selecionando em cima do meu top pra ver.

O ideal é que ele não imprimisse o título do blog sobre a imagem do top.

http://niltonsantoso...a.blogspot.com/
VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#9 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 13/07/2007, 11:07

Então vamos fazer um teste, só que antes copie e cole o codigo fonte em um bloco de notas antes de você fazer o que eu vou explicar para você agora.


<title>.</title>
você altera para:

<title>[b]Titulo que você deseja[/b]</title>


Aqui você deleta:

<div id='header-inner'>
	  <div class='titlewrapper'>
		<h1 class='title'>
		  
			.
		  
		</h1>
	  </div>
Faz ae e me responde o que aconteceu!! :D
[--Posted Image--]

#10 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 13/07/2007, 11:47

Deko Eu não encontrei no meu código, estes trechos!!


Dê uma olhada ai.
VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#11 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 13/07/2007, 11:54

klango, mais foi isso que eu achei visualizando o código fonte, verifique realmente se isso não esta disponível para você (y)
[--Posted Image--]

#12 klango

klango

    Aqui é das antigas

  • Usuários
  • 1013 posts
  • Sexo:Não informado
  • Localidade:Anápolis-GO em breve na glória com meu Deus.
  • Interesses:Cristo Jesus - Familia - Música - Internet e multimidia - Carros antigos.

Posted 13/07/2007, 13:37

Quando mandamos exibir o código no navegador ele está todo convertido em hyml é por isso.

O que eu fiz, peguei aqui no início do código :
<title[color="#FF0000"]><data:blog.pageTitle/>[/color]</title>
e troquei pelo título, deu certo, só que ainda não achei para tirar do top mais já resolvel o que eu queria.



Valeu D+++++
VIVA COM SAÚDE - NUTRI CENTER SUPLEMENTOS

.:: Nutri Center Suplementos Alimentares ::.
Loja de Suplementos Alimentares pelo Menor Preço do País. Compre já Suplementos Alimentares: Whey Protein, Albumina, BCAA, Maltodextrina, Creatina, Aminoácidos, Vitaminas, Diets, Ligth, celíacos, Perca peso rapido, Nutri Center Suplementos, sua loja de Suplementos Alimentares em Anápolis - GO e na Internet. 62-3702-7789

#13 deko

deko

    [www.theprodigy.com.br]

  • Administradores
  • 1078 posts
  • Sexo:Masculino
  • Localidade:Mauá - ABC - SP
  • Interesses:$

Posted 13/07/2007, 14:00

klango, blz cara, precisando é só chamar um Help! :D

Stress, tenta ae, se você não conseguir me avisa !!! :D
[--Posted Image--]

#14 PROF.ROSI

PROF.ROSI

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 27/08/2007, 10:50

<_<
Voltar para Blogs & Flogs


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Diversos
  3. → Blogs & Flogs
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq