Ajuda Aquii PF preciso mt de ajuda !

**м๏и†эм๏я** · 13 de Setembro 2010

Olá Galera ! Consegui criar um palyer como tinha dito em meu outro tópico. Agora preciso de outra ajuda:timido: Meu Template é esse:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

<html xmlns='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

xmlns:b='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

xmlns:data='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

xmlns:expr='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

<center>

<div style='visibility: visible;'>

<object data='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

height='1' style='height: 10px; width: 10px;' type='application/x-shockwave-flash' width='1'><param name='movie' value='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

/>

<param name='quality' value='high'/>

<param name='scale' value='noscale'/>

<param name='salign' value='TL'/>

<param name='wmode' value='transparent'/>

<param name='flashvars' value='myid=66697267&path=2010/09/12&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false'/>

</object></div></center><head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* Variable definitions

====================

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

body { margin: 0px; padding: 0px; text-align: left; font-family: century gothic, verdana; font-weigth: normal; color:#000000; background: #505050 url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) repeat-x top center; }

blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; }

blockquote p { margin-top: 0; }

abbr, acronym { cursor: help; font-style: normal; }

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; }

/* links */

a:link { color: #ed473f; text-decoration: none; font-weight: bold; }

a:visited { color: #ed473f; text-decoration: none; font-weight: bold; }

a:hover { color: #999999; text-decoration: underline; font-weight: bold; }

a:active { color: #999999; text-decoration: underline; font-weight: bold; }

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

#outer-wrapper { width: 1002px; margin: 0px auto 0; text-align: justify; }

#content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; }

#main { float: left; width: 740px; margin: -200px 0px 0px 2px; border: 0px solid #cc0000; 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: 230px; margin: -415px 21px 0px 0; padding-left: 0px; font-size: 90%; text-align: justify; line-height: 1.4em; border: 0px solid #cc0000; 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 */ }

#center {background: url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) repeat-y top center;}

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

#header-wrapper { margin: 0; }

#header { margin: 0; height:428px; width:1002; background: url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) no-repeat top center; overflow: hidden; }

#header h1 { width: 640px; font-family: century gothic, verdana; font-weight: normal; font-size: 38px; color: #ffffff; text-align: left; margin: 0 0 0 95px; border: 0px solid #cc0000; padding: 35px 0 0 0;}

#header h1 a { text-decoration: none; color: #ffffff; font-weight: normal; }

#header h1 a:hover { color: #cccccc; font-weight: normal; }

#header .description { margin: 15px 0 0 95px; width: 640px; border: 0px solid #cc0000; text-align: left; line-height: 1.2em; font-family: Century gothic, verdana; font-size: 22px; font-weight: normal; color: #982619; overflow: hidden; }

.menu3 {padding:0px 0 0 40px; margin:0; list-style:none; height:30px; width:700px; font-weight: normal; }

.menu3 li {float:left; }

.menu3 li a {display:block; float:left; height:30px; color:#ffffff; text-decoration:none; font-size:15px; font-family: century gothic, verdana; font-weight: normal; text-align:center; line-height:40px; padding:7px 0 0 0px; cursor:pointer;}

.menu3 li a b {float:left; display:block; padding:0 20px 0 20px;}

.menu3 li.current a {color:#ed473f; }

.menu3 li.current a b {}

.menu3 li a:hover {color:#ed473f; background: url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) no-repeat top center;}

.menu3 li a:hover b {}

.menu3 li.current a:hover {color:#ed473f; cursor:default;}

.menu3 li.current a:hover b {}

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

h2.date-header {font-size: 85%; color: $datecolor; margin-bottom: 0px; margin-top: 0px; text-align: left; padding-right: 0px; padding-left: 0px;}

.post h3 {text-align: left; font-family: century gothic, verdana; font-weight: bold; font-size: 23px; margin: 8px 0px 0 0px; padding: 0px 0px 0px 0px; color: #000000; text-decoration: underline; border: 0px solid #000000; }

.post {padding-top: 10px; padding-left:75px; padding-right:18px; padding-bottom: 10px; margin-bottom: 0px; font-family: century gothic, verdana; font-weigth: normal; font-size: 13px; color: #000000; }

.post h3 a {color: #000000; text-decoration: underline;}

.post h3 a:hover {color: #999999; text-decoration: underline;}

.post-footer { margin:0px 0 0 0; padding: 0px 0px 0px 0px; text-align: left; font-size: 13px; color:#000000;}

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

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

display:none; }

.blog-feeds {text-align: right; }

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

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

#blog-pager {text-align: center; margin-left: 90px; margin-right: 30px; font-size: 12px; font-size: 88%;}

/* comment styles */

#comments { padding-top: 10px; padding-left: 75px; font-size: 13px; line-height: 1.5em; color: #000000; }

#comments h4 { margin: 5px 0px; padding: 2px 0 0 20px; font-family: century gothic, verdana; font-weigth: normal; font-size: 13px; color: #000000; height: 30px !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; }

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

.comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #000000; }

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

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

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

.sidebar h2 { margin: 0px 0px 10px 0; padding: 0px 0px 0px 22px; font-family: century gothic, verdana; font-weight: bold; font-size: 15px; text-align: left; color: #808080; text-decoration: underline; background: url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) no-repeat top left; }

.sidebar .widget { margin: 0px 0 0 0; padding: 8px 10px 20px 9px; font-family: century gothic, verdana; font-weigth: normal; font-size: 13px; color: #000000; line-height: 1.5em; }

.sidebar a {color: #ffffff; text-decoration: none; font-weight: bold; }

.sidebar a:hover {color: #999999; text-decoration: underline; font-weight: bold; }

.sidebar li { background: 0 5px; }

.profile-textblock { margin-left:3px;}

.profile-img { float: right; margin: 0 0 0 0; border: 0px solid #ddd; }

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

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper,

body#layout #main,

body#layout #sidebar { padding-top: 0; margin-top: 0; width: 200px;}

body#layout #outer-wrapper,body#layout #content-wrapper { padding:0px; width: 800px;}

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

body#layout #header,body#layout #footer,

body#layout #main { padding: 0; width: 350px;}

body#layout #content-wrapper { margin: 0px; }

#navbar-iframe { height:0px; visibility:hidden; display:none }

/* Calendario-Fecha

-------------------- */

#fecha {

display: block;

float:left;

width:56px;

margin: 7px 0px 0px 0px;

padding: 8px 0px 9px 3px;

background: url('

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

) no-repeat top center;

border: 0px solid #b7b7b7;

text-transform: uppercase;

}

.fecha_mes {

display: block;

font-family: century gothic, verdana; font-weigth: bold; font-size: 18px; color: #ffffff; text-align: center; line-height: 1.15em;}

.fecha_anio {

display: block;

font-family: century gothic, verdana; font-weigth: bold; font-size: 13px; color: #982619; text-align: center; line-height: 1.15em;}

.fecha_dia {

display: block;

font-family: century gothic, verdana; font-weigth: bold; font-size: 15px; color: #ffffff; text-align: center; line-height: 1.15em;}

body {

color:#333333;

font-family:arial,helvetica,sans-serif;

font-size:9pt;

line-height:1.4em;

text-align:left;

}

]]></b:skin>

<script type='text/javascript'>

//<![CDATA[

var ultimaFecha;

function remplaza_fecha(d){

if (d == "") {

d = ultimaFecha;

}

var da = d.split(' ');

dia = "<strong class='fecha_dia'>"+da[0]+"</strong>";

mes = "<strong class='fecha_mes'>"+da[1].slice(0,3)+"</strong>";

anio = "<strong class='fecha_anio'>"+da[2]+"</strong>";

document.write(dia+mes+anio);

ultimaFecha = d;

}

//]]>

</script>

<script type='text/javascript'>

summary_noimg = 580;

summary_img = 380;

img_thumb_height = 154;

img_thumb_width = 220;

</script>

<script type='text/javascript'>

//<![CDATA[

// RESUMEN DE ENTRADAS CON MINIATURA

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s.indexOf(">")!=-1){

s = s.substring(s.indexOf(">")+1,s.length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

<script src='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

/* ------------------------------------------------------------------------

s3Slider

Developped By: Boban Karišik ->

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

CSS Help: Mészáros Róbert ->

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

Version: 1.0

Copyright: Feel free to redistribute the script/modify it, as

long as you leave my infos at the top.

-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;

var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;

var current = null;

var timeOutFn = null;

var faderStat = true;

var mOver = false;

var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");

var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items).mouseover(function() {

mOver = true;

});

$(items).mouseout(function() {

mOver = false;

fadeElement(true);

});

});

var fadeElement = function(isMouseOut) {

var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

thisTimeOut = (faderStat) ? 10 : thisTimeOut;

if(items.length > 0) {

timeOutFn = setTimeout(makeSlider, thisTimeOut);

} else {

console.log("Poof..");

}

}

var makeSlider = function() {

current = (current != null) ? current : items[(items.length-1)];

var currNo = jQuery.inArray(current, items) + 1

currNo = (currNo == items.length) ? 0 : (currNo - 1);

var newMargin = $(element).width() * currNo;

if(faderStat == true) {

if(!mOver) {

$(items[currNo]).fadeIn((timeOut/6), function() {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

}

});

}

} else {

if(!mOver) {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

});

} else {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

});

}

}

}

}

makeSlider();

};

})(jQuery);

//]]>

</script>

<script type='text/javascript'>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

});

</script>

<style type='text/css'>

#s3slider {

background: #000000;

border: 5px inset #c11c1c;

width: 600px;

height: 200px;

position: relative;

overflow: hidden;

}#s3sliderContent {

width: 600px;

position: absolute;

top:-14px;

padding: 0px;

margin-left: 0;

}

.s3sliderImage {

float: left;

position: relative;

display: none;

}

.s3sliderImage span {

position: absolute;

left: 0;

font: 20px Trebuchet MS, sans-serif;

padding: 10px 0px;

width: 600px;

background-color: #000;

filter: alpha(opacity=80);

-moz-opacity: 0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

color: #fff;

display: none;

bottom: 0;

text-align:center;

}

.clear {

clear: both;

}

</style></head>

<body>

<div id='outer-wrapper'>

<div id='wrap2'>



<span id='skiplinks' style='display:none;'>

<a href='#main' shape='rect'>skip to main</a>

|

<a href='#sidebar' shape='rect'>skip to sidebar</a>

</span>

<div id='header-wrapper'>

<b:section class='header' id='header' showaddelement='no'>

<b:widget id='Header1' locked='true' title='<b>Rádio Teen</b> (Cabeçalho)' type='Header'/>

</b:section>

</div>

<div id='center'>

<div id='content-wrapper'>

<div style='position:relative;top: -240px;'>

<ul class='menu3'>

<li><a expr:href='data:blog.homepageUrl' title='Home'><b>Início</b></a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'><b>Posts RSS</b></a></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'><b>Comments RSS</b></a></li>

<li><a href='#' title='Edit this link'><b>Edit</b></a></li>

</ul></div>

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='CustomSearch1' locked='false' title='Buscar' type='CustomSearch'/>

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

<b:widget id='Text1' locked='false' title='FAQ' type='Text'/>

</b:section>

</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/>

</b:section>

</div>



<div class='clear'> </div>

</div>



</div> 

<div id='footer-wrapper'>

</div>

</div>

</div>

</body>

<center><iframe frameborder='0' height='58' marginheight='0' marginwidth='0' scrolling='No' src='

É necessário se cadastrar para acessar o conteúdo.

Entre

ou

Cadastre-se

width='1000'/><br/></center>

<center style='color: red;'><b>- Para que o player da Rádio funcione corretamente é necessário que você use o navegador Mozilla FireFox.</b></center>

</html>

Eu uso essa img como plano de fundo (

É necessário se cadastrar para acessar o conteúdo.

) e boto ela para repitir no fundo de todo o blog. Assim que eu coloquei o Player Automatico no meu blog (bem no topo) o cabeçalho ficou desalinhado, Como Você pode ver -->

É necessário se cadastrar para acessar o conteúdo.

e o player sempre quando clico em 1 link ele pra d tocar e volta para 1º música (eu dimencionei o player para 1px, para n aparecer). Gostaria de saber se tem como colocar ele em qualquer lugar do meu blog, contato que não desalinhe o cabeçalho e não pare de tocar quando clicar em algum link do blog.

**Schintzel** · 13 de Setembro 2010

Coloque uma <div> com id="content_ajustment" envolta de todo o seu site(tudo desde <body> até </body>), vá no seu CSS e coloque o código:

#content_ajustment{

margin-top: -16px(acho que é essa a altura);

}

Acho que vai funcionar...

E... separe o CSS em um arquivo esterno...

**м๏и†эм๏я** · 13 de Setembro 2010

Coloque uma <div> com id="content_ajustment" envolta de todo o seu site(tudo desde <body> até </body>), vá no seu CSS e coloque o código:

#content_ajustment{

margin-top: -16px(acho que é essa a altura);

}

Acho que vai funcionar...

E... separe o CSS em um arquivo esterno...

Amigo sou iniciante com códigos html. Poderia explicar onde devo colocar ? e como colocar isso de <div> com id="content_ajustment" ?

**Schintzel** · 13 de Setembro 2010

Coloque assim no seu código:

...

<body>

<div id="content_ajustment">

...

[sEU CÓDIGO]

...

</div>

</body>

</html>

Agora antes de </head> coloque:

<style type="text/css">

#content_ajustment{

margin-top: -16px;

}

</style>

**м๏и†эм๏я** · 13 de Setembro 2010

Cara eu não consegui :chorando: Da erro, na hora de salvar. Vlw Ai :risada:

Vou tentar mudar o player de lugar. Mas o problema e quando eu clico em algum link do blog a musica para ! Vou tentar arrumar isso (o que eu acho meio deficil) ! Se vc souber de algo me avise PF. Levo meu thank's

**Schintzel** · 13 de Setembro 2010

Ahh, pensei que iria funcionar, se precisar, só fala...

**1nathan** · 13 de Setembro 2010

tem q coloka Em um site q tenha um bagulho pra coloka em Htlml Aew eu axo q vai pega . se eu nao entedi Peço desculpas :p

Entrar

Quem está por aqui 0 membros estão online

Ajuda Aquii PF preciso mt de ajuda !

Posts Recomendados

м๏и†эм๏я 0

Link para o comentário

Compartilhar em outros sites

Schintzel 0

Link para o comentário

Compartilhar em outros sites

м๏и†эм๏я 0

Link para o comentário

Compartilhar em outros sites

Schintzel 0

Link para o comentário

Compartilhar em outros sites

м๏и†эм๏я 0

Link para o comentário

Compartilhar em outros sites

Schintzel 0

Link para o comentário

Compartilhar em outros sites

1nathan 0

Link para o comentário

Compartilhar em outros sites

Fóruns

Servidores

Todas Atividades

LOJA WCOINS

Informação Importante