[Ajuda] Blog Titulo Flash

_M4st1c_ · 5 de Março de 2009

Código:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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 by ThemeLib.com
Theme Name: Astro
Theme URI: [URL]http://themelib.com/2008/08/astro-colorful-blogger-template/[/URL]
Author URI: [URL]http://www.themelib.com/[/URL]
Version: 1.0
----------------------------------------------- */

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

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}    

body
{
    margin: 0px auto 0px auto;
    padding: 0px;
    background: #174b84; background-image: url([URL="http://i42.tinypic.com/2s7xpqg.jpg%29;"]http://i42.tinypic.com/2s7xpqg.jpg);[/URL] background-repeat: repeat-x; background-position: top;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 14px;
    color: #63dced;
}

#wrapper
{
    width: 878px;
    margin: 0px auto 0px auto;
}

#header
{
    height: 346px;
    margin: 0px auto 0px auto;
    background: url([SIZE=4][COLOR=Green][B][URL]http://i40.tinypic.com/2lsb6et.jpg[/URL][/B][/COLOR][/SIZE]) center top no-repeat;
}

#header-text
{
    margin: 0px;
    padding: 170px 0px 0px 290px;
    font-size: 36px;
    font-weight: normal;
}

#header-text a
{
    color: #ffffff !important;
}

#header-desc
{
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 80px;
    color: #ffffff;
    font-size: 18px;
}

#page
{
    clear: both;
    height: 100%;
    padding: 15px 10px 20px;
    background: #081317;
    overflow: hidden;
}

#content
{
    float: left;
    width: 564px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
}

.postheader
{
    width: 564px;
    margin: 0px;
    padding: 0px;
    background: #000000 url([URL]http://i42.tinypic.com/1felmw.jpg[/URL]) left top no-repeat;
    overflow: hidden;
}

.postdate
{
    float: right;
    width: 70px;
    height: 57px;
    margin: 6px 15px 0px 0px;
    padding: 7px 0px;
    color: #ffffff;
    background: url([URL]http://i43.tinypic.com/r6wtpc.jpg[/URL]) left top no-repeat;
    font-weight: bold;
    text-align: center;
}

.postdateM
{
        margin-top:-5px;
    font-size: 18px;
}

.postdated
{
    margin: -15px 0px;
    font-size: 32px;
}

.posttitle
{
    margin: 0px;
    padding: 16px 0px 0px 15px;
    color: #ffffff;
}

.posttitle a
{
    color: #021f48 !important;
    font-size: 18px;
    font-weight: normal;
}

.postmeta
{
    margin: 0px;
    padding: 30px 0px 0px 15px;
    font-size: 12px;
    font-weight: normal;
}

.postcontent
{
    width: 534px;
    margin: 0px;
    padding: 10px 15px 20px;
    background: #031b2b;
    overflow: hidden;
}

.postfooter
{
    width: 564px;
    margin-bottom: 20px;
    background: #09314b url([URL]http://i41.tinypic.com/11awg3k.jpg[/URL]) left bottom no-repeat;
    overflow: hidden;
}

.postfootercomment
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 15px;
    font-weight: normal;
    text-align: right;
}

blockquote
{
    margin: 0px auto 10px auto;
    padding: 0px;
    color: #ffffff;
    font-style: italic;
}

#page-nav-prev
{
    float: left;
    margin: 0px;
    padding: 10px 15px 0px;
}

#page-nav-next
{
    float: right;
    margin: 0px;
    padding: 10px 15px 0px;
}


#sidebar
{
    float: left;
    width: 271px;
    margin: 0px;
    padding: 0px;
}

#sidebar h2
{
    height: 31px;
    padding: 8px 0px 0px 50px;
    border: 1px solid #3d81d2;
    color: #021f48;
    background: url([URL]http://i40.tinypic.com/2vii7v5.jpg[/URL]) left top no-repeat;
    font-size: 18px;
    font-weight: normal;
}

.widget-content
{
    margin: 10px 0px;
    padding: 25px;
    border: 1px solid #3d81d2;
    background: #09314b;
    font-size: 14px;
    font-weight: normal;
}

#sidebar ul{
        padding:0;
        margin:0;
}

#sidebar ul li
{
    padding-left:5px;
}

#sidebar a:link, #sidebar a:visited
{
    color: #63dced;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active
{
    color: #ffffff !important;
}


#footer
{
    clear: both;
    height: 100%;
    margin: 0px auto 0px auto;
    padding: 20px 0px 60px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
}


a, a:link, a:visited
{
    color: #2b81fb;
    text-decoration: none;
}
    
a:hover, a:focus, a:active
{
    color: #ffffff !important;
    outline: none;
}

a img
{
    border: none;
}

]]></b:skin>

<script>
function replace_date(d){
var da = d.split(' ');
day = &quot;<p class='postdated'>&quot; + da[2].replace(/,/,&quot;&quot;) + &quot;</p>&quot;;
month = &quot;<p class='postdateM'>&quot; + da[1].slice(0,3) + &quot;</p>&quot;; 
  document.write(month+day);
}
</script>

  </head>

  <body>
  <div id='wrapper'>

    <!-- header -->
    <div id='header'>

   </div>
   <!-- /header -->

      <div id='page'>

        <b:section class='content' id='content' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Mensagens de blogue' type='Blog'/>
<b:widget id='HTML3' locked='false' title='Chat' type='HTML'/>
</b:section>


      <div id='sidebar'>

        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Poll1' locked='false' title='O Miguel fica bem vestido de rapariga ? ^^' type='Poll'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='HTML4' locked='false' title='Menu !' type='HTML'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
      </div>


      </div> <!-- /page -->

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

    <div id='footer'>

<!-- Astro Blogger Template comes under a Creative Commons License. 

This means it is free to use on your blog as long as the credit link in the footer is kept intact 

ThemeLib.com

-->

    </div>

  </div> <!-- /wrapper -->


</body>
</html>

Quero colocar em vez da imagem que está a verde um .swf e ja agora poder ajustar height e width.

SWF

Código:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL]http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab[/URL]" type="application/x-shockwave-flash" width="1000" height="120" align="middle" data="[URL]http://www.effectgenerator.com/1.0.6/EffectMovie.swf[/URL]"><param name="allowScriptAccess" value="always" /><param name="movie" value="[URL]http://www.effectgenerator.com/1.0.6/EffectMovie.swf[/URL]" /><param name="quality" value="high" /><param name="FlashVars" value="id=129965" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#ffffff" /><embed src="[URL]http://www.effectgenerator.com/1.0.6/EffectMovie.swf[/URL]" quality="high" bgcolor="#ffffff" width="1000" height="120" align="middle" play="true" loop="false" quality="high" wmode="opaque" allowScriptAccess="always" FlashVars="id=129965" type="application/x-shockwave-flash" pluginspage="[URL]http://www.adobe.com/go/getflashplayer[/URL]"></embed></object><p><a href="[URL]http://www.effectgenerator.com/?id=129965[/URL]" target="_blank">Edit effect!</a></p>

p3dro · 5 de Março de 2009

Neste pedaço de código (css):

Código:

#header
{
    height: 346px;
    margin: 0px auto 0px auto;
    [S]background: url(http://i40.tinypic.com/2lsb6et.jpg) center top no-repeat;[/S]
}

Tira esta linha:

Código:

background: url(http://i40.tinypic.com/2lsb6et.jpg) center top no-repeat;

Podes controlar aqui o width e o height, aliás tu até já especificas o height no css que mostraste. A julgar pelo teu swf, ficaria algo deste tipo:

Código:

#header
{
  width: 1000px;
  height: 120px;
  margin: 0 auto;
}

Para adicionares o objecto flash, procura por este código (html)

Código:

<!-- header -->
<div id='header'>

</div>
<!-- /header -->

E substitui por isto:

Código:

<!-- header -->
<div id='header'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get...nt/swflash.cab" type="application/x-shockwave-flash" width="1000" height="120" align="middle" data="http://www.effectgenerator.com/1.0.6/EffectMovie.swf"><param name="allowScriptAccess" value="always" /><param name="movie" value="http://www.effectgenerator.com/1.0.6/EffectMovie.swf" /><param name="quality" value="high" /><param name="FlashVars" value="id=129965" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.effectgenerator.com/1.0.6/EffectMovie.swf" quality="high" bgcolor="#ffffff" width="1000" height="120" align="middle" play="true" loop="false" quality="high" wmode="opaque" allowScriptAccess="always" FlashVars="id=129965" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></embed></object><p><a href="http://www.effectgenerator.com/?id=129965" target="_blank">Edit effect!</a></p>
</div>
<!-- /header -->

unsilent · 5 de Março de 2009

Quero colocar em vez da imagem que está a verde

Qual delas?

Já não mexo num template do blogger há algum tempo, e sei que tem várias limitações, mas acho que é só retirar a imagem de background, e inserir o código do embed directamente no elemento e não no <b:skin> (<style>).
Quanto às dimensões é só editar os atributos.
Ex:

-Dentro da tag <b:skin>:
#header
{
height: O que quiseres
width: O que quiseres
margin: 0px auto 0px auto;
}

dentro do <body>:

<div id='header'>
<O teu código do flash>
</div>


EDIT:
Foste mais rápido...

_M4st1c_ · 5 de Março de 2009

Código:

http://www.effectgenerator.com/1.0.6/showeffect.php?id=129965

Alguem consegue extrair este swf bem?

cumps :007:

Totoro · 5 de Março de 2009

Gillinho disse:
Código:

http://www.effectgenerator.com/1.0.6/showeffect.php?id=129965

Alguem consegue extrair este swf bem?

cumps

Extrair como assim?

_M4st1c_ · 5 de Março de 2009

goncaloforte disse:
Extrair como assim?

Tirar o swf da pagina para o PC. O orbit faz isso so que o ficheiro não esta a vir bem.

cumps :007:

_M4st1c_ · 5 de Março de 2009

Já me consegui desenrascar, obrigada a todos.

:007:

[Ajuda] Blog Titulo Flash

_M4st1c_

Power Member

p3dro

Power Member

unsilent

Power Member

_M4st1c_

Power Member

Totoro

Suspenso

_M4st1c_

Power Member

_M4st1c_

Power Member