1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

[Ajuda] Blog Titulo Flash

Discussão em 'Web Development' iniciada por _M4st1c_, 5 de Março de 2009. (Respostas: 6; Visualizações: 1854)

  1. _M4st1c_

    _M4st1c_ Power Member

    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>
     
    Última edição pelo moderador: 5 de Março de 2009
  2. p3dro

    p3dro Power Member

    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 -->
     
    Última edição: 5 de Março de 2009
  3. unsilent

    unsilent Power Member

    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>:
    <!-- header -->
    <div id='header'>
    <O teu código do flash>
    </div>
    <!-- /header -->


    EDIT:
    Foste mais rápido...:)
     
    Última edição: 5 de Março de 2009
  4. _M4st1c_

    _M4st1c_ Power Member

    Código:
    http://www.effectgenerator.com/1.0.6/showeffect.php?id=129965
    Alguem consegue extrair este swf bem?

    cumps :007:
     
  5. Totoro

    Totoro Folding Member

    Extrair como assim?
     
  6. _M4st1c_

    _M4st1c_ Power Member

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

    cumps :007:
     
  7. _M4st1c_

    _M4st1c_ Power Member

    Já me consegui desenrascar, obrigada a todos.

    :007:
     

Partilhar esta Página