Question How do you do this?

Thảo luận trong 'Troubleshoot & Other Questions' bắt đầu bởi Gambler, 12/9/12.

1votes
5/5, 1 vote

  1. Gambler

    Gambler New Member

    Bài viết:
    3
    Likes :
    0
    Đang tải...
  2. TeQuiLa

    TeQuiLa .:: Neverland ::.

    Bài viết:
    593
    Likes :
    585
    1. You can use the Notice Option of Xenforo (HTML is available)
    2. Install bd Widget Framework Add-on and Create a new Widget HTML (without wapper) =>
    HTML:
    <img src="yoursite.com/image.jpg" />
     
    Gambler thích bài này.
  3. Gambler

    Gambler New Member

    Bài viết:
    3
    Likes :
    0
    @TeQuiLa

    Can you give me a HTML Code for the Notices with a Sample Picture? I cant get it to work. :(
     
  4. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    what notices?
     
    Gambler thích bài này.
  5. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Here of you:
    1. Add following code into your notice HTML:

    Mã:
    <div class="box-c">
        <div class="box-c-p">
            <div class="box-c-img"><img src="styles/notices/attent.png" border="0"/></div>
            <div class="box-c-ct">
                <h2><a href="#"><font color="#fe6702">Hi {name} </a></font></h2>
                <div class="ct">
                Hãy <span style="color:red;">thích</span> khi thấy hữu ích.<br/>
    Hãy <span style="color:darkgreen;">phản hồi</span> nếu chưa hài lòng.<br/>
    Hãy <span style="color:blue;">thể hiện mình</span> thay vì giữ im lặng.
                </div>
            </div>
        </div>
    </div>
    2. Add following code into EXTRA.css template
    Mã:
    .box-c{
    background: url(../styles/notices/images/bg.gif) no-repeat top left;
    width:748px;
    height:98px;
    font-size:13px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    }
    .box-c-p{
        padding:4px;
    }
    .box-c-img{
        border-right:1px solid #D2D2D2;
        float:left;
            padding-right: 10px;
    }
    .box-c-ct{
        width:630px;
        padding-top:5px;
        float:right;
    }
    .box-c-ct h2{
        color:#f96004;
        font-size:16px;
        font-weight:bold;
        background:url('../styles/notices/li.gif') no-repeat center left;
        padding:0px;
        padding-left:20px;
        margin:0px;
    }
    .box-c-ct h2 a{
        color:#f96004;
        text-decoration:none;
    }
    .box-c-ct h2 a:hover{
        color:#f96004;
        text-decoration:underline;
    }
     
    .ct{
    width:550px;
    font-size:12px;   
    padding-left:20px;
    padding-top: 7px;
    }
     
    Gambler, TeQuiLa and Xavier like this.
  6. Gambler

    Gambler New Member

    Bài viết:
    3
    Likes :
    0
    Thx Alucar, now it works.

    I have only 1 Proplem. The Text is not on a Line, its 2-3 Lines. Please see this Screenshot: 755880

    Is it possible to set the whole Text on a Line?
     
  7. maianhden

    maianhden Active Member

    Bài viết:
    244
    Likes :
    115
    remove <br/> tag in above code :D
     
    Gambler thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...