Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Help - Hỏi đáp » [Help] Ríp Gíup bảng thông báo

[Help] Ríp Gíup bảng thông báo

2 posters

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

kingprivate

kingprivate
Member
Member

demo online: http://forum.mu4viet.com/

demo ảnh : [Help] Ríp Gíup bảng thông báo Untitl12

ríp giúp em cái bảng thông báo đó nha
thanks.

kingprivate

kingprivate
Member
Member

giúp mình với

kingprivate

kingprivate
Member
Member

anh ơi nó vỡ khung
http://mu-binhminh.forumvi.com

cubimtq

cubimtq
Administrator
Administrator

Cho vào chỗ muốn hiện
Code:
<div style="width:980px; margin:0 auto; margin-top:10px;">
   <div id="thongbaomoi1">
        <div id="tbmoi1">
            <h2>
                <span style="float:left;">Thông báo</span>
                <span style="float:right; margin-right:50px;">Hỗ trợ in Game</span>
            </h2>       
           <div class="thongbao1">
               <ul>
<script type="text/rocketscript" data-rocketoptimized="true">

for(i = 0; i < news.length; i++)
{   
   document.write('<li><a href="http://' + forum_url + '/showthread.php?t=' + news[i][1] + '">' + news[i][0] + '</a></li>');
}

</script><li><a href="http://forum.mu4viet.com/showthread.php?t=1586">Offline MU 4 Việt tại Hà Nội</a></li><li><a href="http://forum.mu4viet.com/showthread.php?t=68">Link Download Mu4Viet Bản Mới Nhất</a></li><li><a href="http://forum.mu4viet.com/showthread.php?t=1156">Danh Sách Sự Kiện Hàng Tuần</a></li><li><a href="http://forum.mu4viet.com/showthread.php?t=950">Phân bố và thời gian diễn ra các sự kiện trong Game</a></li><li><a href="http://forum.mu4viet.com/showthread.php?t=1281">Tuyển Dụng Nhân Sự Lần II - MU 4 Việt </a></li>
                </ul>
            </div><!-- thongbao1 -->
           <div class="hotro">
               <h3><span>Hỗ trợ Kỹ thuật</span></h3>
                <ul>


<script type="text/rocketscript" data-rocketoptimized="true">

for(var i=0; i<hotro.length; i++){
if(hotro[i][4]==1){
    if(hotro[i][2] == 'admin') mausac = 'red'
    else if(hotro[i][2] == 'smod') mausac = 'green'
    else if(hotro[i][2] == 'gm') mausac = '#800000'

    hotroHTML = '<li ><a href="ymsgr:sendIM?'+hotro[i][0]+'" title="'+hotro[i][3]+'"><img src="http://opi.yahoo.com/online?u='+hotro[i][0]+'&m=g&t=5"> <font color="'+mausac+'"><b>'+hotro[i][1]+'</b></font></a></li>';

document.write(hotroHTML);
}
}

</script><li><a href="ymsgr:sendIM?hotro01.mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=hotro01.mu4viet&amp;m=g&amp;t=5"> <font color="red"><b>ForestMank</b></font></a></li><li><a href="ymsgr:sendIM?hotro02.mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=hotro02.mu4viet&amp;m=g&amp;t=5"> <font color="red"><b>Nam Đế</b></font></a></li><li><a href="ymsgr:sendIM?hotro03.mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=hotro03.mu4viet&amp;m=g&amp;t=5"> <font color="red"><b>™HipCass™</b></font></a></li>

                </ul>
            </div><!-- hotro --> 
           <div class="hotro">
               <h3><span>Hỗ trợ Nạp thẻ</span></h3>
                <ul>


<script type="text/rocketscript" data-rocketoptimized="true">

hotroHTML = '<li ><a href="ymsgr:sendIM?'+hotro[0][0]+'" title="'+hotro[0][3]+'"><img src="http://opi.yahoo.com/online?u='+hotro[0][0]+'&m=g&t=5"> <font color="red"><b>'+hotro[0][1]+'</b></font></a></li>';

document.write(hotroHTML);

</script><li><a href="ymsgr:sendIM?hotro01.mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=hotro01.mu4viet&amp;m=g&amp;t=5"> <font color="red"><b>ForestMank</b></font></a></li>
                </ul>
            </div>

           <div class="hotro">
               <h3><span>Hỗ Trợ Diễn Đàn và Sự Kiện, Hỏi Đáp</span></h3>
                <ul>


<script type="text/rocketscript" data-rocketoptimized="true">

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

if(hotro[i][4]==2){
    if(hotro[i][2] == 'admin') mausac = 'red'
    else if(hotro[i][2] == 'smod') mausac = 'green'
    else if(hotro[i][2] == 'gm') mausac = '#800000'

    hotroHTML = '<li ><a href="ymsgr:sendIM?'+hotro[i][0]+'" title="'+hotro[i][3]+'"><img src="http://opi.yahoo.com/online?u='+hotro[i][0]+'&m=g&t=5"> <font color="'+mausac+'"><b>'+hotro[i][1]+'</b></font></a></li>';

document.write(hotroHTML);
}

}

</script><li><a href="ymsgr:sendIM?redbull_mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=redbull_mu4viet&amp;m=g&amp;t=5"> <font color="#800000"><b>RedBull</b></font></a></li><li><a href="ymsgr:sendIM?gmevent_mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=gmevent_mu4viet&amp;m=g&amp;t=5"> <font color="#800000"><b>GMEvent</b></font></a></li><li><a href="ymsgr:sendIM?tung_mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=tung_mu4viet&amp;m=g&amp;t=5"> <font color="green"><b>Tùng_Style</b></font></a></li><li><a href="ymsgr:sendIM?promise_mu4viet" title="Chỉ PM khi nick Online. Vui lòng không Buzz, hãy vào thẳng vấn đề chính cần giải quyết."><img src="http://opi.yahoo.com/online?u=promise_mu4viet&amp;m=g&amp;t=5"> <font color="#800000"><b>Promise</b></font></a></li>

                </ul>
            </div>
                         
        </div><!-- tbmoi1 -->   
        <div id="slidertb1">
   <div id="slider">
      <div id="mask">
         <ul>
<script type="text/rocketscript" data-rocketoptimized="true">
   for(var i=0; i<Event.length; i++){

       EventHTML = '<a href="http://' + forum_url + '/showthread.php?t=' + Event[i][1] + '"><img src="' +Event[i][0]+ '"></a>';

   document.write(EventHTML);

   }
</script><a href="http://forum.mu4viet.com/showthread.php?t=960"><img src="http://forum.mu4viet.com/Event_Image/slide/Small_Img_SVSTC.jpg"></a><a href="http://forum.mu4viet.com/showthread.php?t=1404"><img src="http://forum.mu4viet.com/Event_Image/slide/side4.jpg"></a><a href="http://forum.mu4viet.com/showthread.php?t=739"><img src="./Event_Image/slide/side1.jpg"></a><a href="http://forum.mu4viet.com/showthread.php?t=743"><img src="http://forum.mu4viet.com/Event_Image/slide/side2.jpg"></a>
         </ul>
      </div>
      <div id="progress">
      </div>
      <div id="overlay">
      </div>
      <div id="pause">
      </div>
   </div>

       
        </div><!-- slidertb1 -->
         <div style="clear:both"></div> 
    </div><!-- thongbaomoi1 -->     
</div>

Cuối cùng ném vào cuối CSS
Code:
#thongbaomoi1 {
height: 220px;
width: 980px;
font-size: 11px;
}
#thongbaomoi1 #tbmoi1 {
background: url(http://forum.mu4viet.com/images/styles/td/thongbaobg.gif) top left no-repeat;
height: 220px;
width: 600px;
float: left;
}
#thongbaomoi1 #tbmoi1 h2 {
margin: 0;
width: 540px;
height: 24px;
line-height: 24px;
padding: 0 30px;
font-size: 12px;
color: white;
font-weight: bold;
}
#tbmoi1 .thongbao1 {
width: 360px;
height: 160px;
float: left;
margin: 5px 0px 0px 5px;
}
#tbmoi1 .thongbao1 ul {
margin: 0;
padding: 0;
}
#tbmoi1 .thongbao1 ul li {
height: 31px;
line-height: 30px;
padding-left: 25px;
}
li {
list-style: none;
}
#thongbaomoi1 a:link, #thongbaomoi1 a:visited {
color: #22110A;
font-weight: bold;
}
#tbmoi1 .hotro {
width: 216px;
height: auto;
border: 1px solid #E0E0E0;
float: right;
margin: 4px 7px 0px 2px;
padding: 2px;
background: #FAFAFA;
}
#tbmoi1 .hotro h3 {
background: #EEE;
height: 20px;
margin: 0;
padding: 0;
font-size: 12px;
color: #454545;
font-weight: normal;
margin-bottom: 5px;
}
#tbmoi1 .hotro h3 span {
background: #FAFAFA;
height: 20px;
line-height: 20px;
padding: 3px 5px 3px 2px;
border-right: 1px solid #E0E0E0;
}
#tbmoi1 .hotro ul {
margin: 0;
padding: 0;
}
#tbmoi1 .hotro ul li {
float: left;
width: 108px;
}
#thongbaomoi1 #slidertb1 {
width: 372px;
height: 218px;
background: url(http://forum.mu4viet.com/images/styles/td/slidertbbg.gif) right top no-repeat;
float: right;
position: relative;
}
#slider {
width: 350px;
height: 182px;
margin: auto;
overflow: visible;
background-color: #FFFFE1;
border: 10px solid white;
-webkit-transition: all 150ms ease-in;
position: relative;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
#progress {
width: 1px;
height: 1px;
background-color: #FFD000;
-webkit-animation: progress 18s infinite;
position: relative;
top: -1px;
-webkit-transition: all 150ms ease-in;
}
#overlay {
width: 350;
height: 182px;
position: absolute;
top: 0;
background-image: url(http://forum.mu4viet.com/images/styles/td/overlay.png);
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
-webkit-transition: all 150ms ease-in;
-moz-animation: overlay-fade 18s infinite;
}
#pause {
width: 350px;
height: 182px;
position: absolute;
top: 0;
opacity: 0;
background-image: url(http://forum.mu4viet.com/images/styles/td/paused.png);
background-position: 316px 10px;
background-repeat: no-repeat;
pointer-events: none;
-webkit-transition: all 150ms ease-in;
}

kingprivate

kingprivate
Member
Member

thanks all :)

kingprivate

kingprivate
Member
Member

cho em xin đoạn thu hẹp lại cái hình ạ.

cubimtq

cubimtq
Administrator
Administrator

Vào đoạn code vừa rip tìm
Code:
<div style="width: 980px; margin:0 auto; margin-top:10px;" original-title="">

thay bằng
Code:
<div style="width: 980px; margin:0 auto; margin-top:10px;margin-left: -16px;" original-title="">

Sponsored content



Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Help - Hỏi đáp » [Help] Ríp Gíup bảng thông báo

Permissions in this forum:
Bạn không có quyền trả lời bài viết