Oops! Sepertinya ada sedikit kesalahan ...

Halo gan
mau tanya nih

bagaimana cara mendisain widget di portal??
lebih jeasnya agan bisa melihat gambar ini
bagaimana ya gan agar bisa seperti itu
[You must be registered and logged in to see this image.]

tolong pencerahannya gan :

source:
[You must be registered and logged in to see this link.]

thanks before :

Sebenarnya itu dia design, dengan kepala/title yang sama
[You must be registered and logged in to see this image.]

tapi yang ngebedaiin itu cuman warna hurufnya aja gan

nah tapi untuk backgroundnya itu yang aneh gak ngerti kayaknya dia make Javascript deh gan
masalahnya ane gak terlalu paham sama javascript :

ohh gitu ya gan

btw kalau ini agan bisa ga/ ngerti kodingnya

[You must be registered and logged in to see this image.]

tlong pencrahnya gan :

Nih coba bikin widget isinya tarok html ini

Code:

<div id="aboutus"><div id="aboutustitlediv"><span id="aboutustitle" style="font-weight:bold; font-size:20px; font-family:arial;"><cufon style="width: 45px; height: 20px;" alt="About " class="cufon cufon-canvas"><canvas style="width: 55px; height: 22px; top: 0px; left: -1px;" height="22" width="55"></canvas><cufontext>About </cufontext></cufon><cufon style="width: 18px; height: 20px;" alt="Us" class="cufon cufon-canvas"><canvas style="width: 25px; height: 22px; top: 0px; left: -1px;" height="22" width="25"></canvas><cufontext>Us</cufontext></cufon></span></div><br><br><div id="aboutus_1">
<span id="aboutussubtitle_left" style="color:#1E6CA8;"><cufon style="width: 26px; height: 15px;" alt="Who " class="cufon cufon-canvas"><canvas style="width: 34px; height: 17px; top: 0px; left: 0px;" height="17" width="34"></canvas><cufontext>Who </cufontext></cufon><cufon style="width: 21px; height: 15px;" alt="the " class="cufon cufon-canvas"><canvas style="width: 29px; height: 17px; top: 0px; left: 0px;" height="17" width="29"></canvas><cufontext>the </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="hell " class="cufon cufon-canvas"><canvas style="width: 31px; height: 17px; top: 0px; left: 0px;" height="17" width="31"></canvas><cufontext>hell </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="are " class="cufon cufon-canvas"><canvas style="width: 30px; height: 17px; top: 0px; left: 0px;" height="17" width="30"></canvas><cufontext>are </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="we?" class="cufon cufon-canvas"><canvas style="width: 27px; height: 17px; top: 0px; left: 0px;" height="17" width="27"></canvas><cufontext>we?</cufontext></cufon></span><br><hr align="left" size="10" width="40%">

Dueling City is a website mainly dedicated to <a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?toolid=10029&amp;campid=CAMPAIGNID&amp;customid=CUSTOMID&amp;catId=220&amp;type=2&amp;ext=360639586041&amp;item=360639586041" rel="nofollow" target="_blank" title="Link added by VigLink" class="vglnk"><span>Yu</span><span>-</span><span>Gi</span><span>-</span><span>Oh</span></a>! Online Teams and Academies. Yes, you heard right, we host wars for children's card games, for adults!
<br>
<span id="aboutussubtitle_right" style="color:#DB1C1C;"><cufon style="width: 27px; height: 15px;" alt="What" class="cufon cufon-canvas"><canvas style="width: 34px; height: 17px; top: 0px; left: 0px;" height="17" width="34"></canvas><cufontext>What</cufontext></cufon><cufon style="width: 16px; height: 15px;" alt=" do" class="cufon cufon-canvas"><canvas style="width: 22px; height: 17px; top: 0px; left: 0px;" height="17" width="22"></canvas><cufontext> do</cufontext></cufon><cufon style="width: 18px; height: 15px;" alt=" we" class="cufon cufon-canvas"><canvas style="width: 24px; height: 17px; top: 0px; left: 0px;" height="17" width="24"></canvas><cufontext> we</cufontext></cufon><cufon style="width: 36px; height: 15px;" alt=" want?" class="cufon cufon-canvas"><canvas style="width: 41px; height: 17px; top: 0px; left: 0px;" height="17" width="41"></canvas><cufontext> want?</cufontext></cufon></span><br><hr style="float:right; clear:both;" align="right" size="10" width="40%"><br><br>
Our goal is to give duelists around the world great Yu-Gi-Oh! war experience while having fun in our forums.
<br><br>
<span id="aboutussubtitle_left" style="color:#DAF035; margin-top:5px;"><cufon style="width: 26px; height: 15px;" alt="Why " class="cufon cufon-canvas"><canvas style="width: 34px; height: 17px; top: 0px; left: 0px;" height="17" width="34"></canvas><cufontext>Why </cufontext></cufon><cufon style="width: 38px; height: 15px;" alt="should " class="cufon cufon-canvas"><canvas style="width: 46px; height: 17px; top: 0px; left: 0px;" height="17" width="46"></canvas><cufontext>should </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="you " class="cufon cufon-canvas"><canvas style="width: 31px; height: 17px; top: 0px; left: 0px;" height="17" width="31"></canvas><cufontext>you </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="join " class="cufon cufon-canvas"><canvas style="width: 31px; height: 17px; top: 0px; left: 0px;" height="17" width="31"></canvas><cufontext>join </cufontext></cufon><cufon style="width: 19px; height: 15px;" alt="us?" class="cufon cufon-canvas"><canvas style="width: 24px; height: 17px; top: 0px; left: 0px;" height="17" width="24"></canvas><cufontext>us?</cufontext></cufon></span><br><hr align="right" size="10" width="40%">
From automatized war registrations, simple and effective judging system to ranking table which sumarizes all war records and dynamic profile fields that show your scores in posts, all those are reasons why you should join us and witness our awesomeness! At the end, we will make you feel special, while you are just another mortal in this cruel world.

</div><div style="float:right;"><img src="http://i41.servimg.com/u/f41/17/61/95/60/aboutu14.png"></div>
</div>

terus ini untuk cssnya

Code:

#aboutus {
    text-align: justify;
    padding: 9px;
    width: inherit;
    font-size: 12px;
    font-family: verdana;
    overflow: hidden;
    height: 1%;
    margin: auto;
}
#aboutustitlediv {
    position: relative;
    vertical-align: middle;
    background: none repeat scroll 0% 0% rgb(20, 20, 20);
    height: 20px;
    margin-top: -9px;
    margin-left: -9px;
    margin-right: -9px;
    padding: 9px;
    color: rgb(44, 171, 88);
    border: 1px solid rgb(0, 0, 0);
    width: inherit;
}
#aboutustitlediv {
    color: rgb(44, 171, 88);
}
#aboutus_1 {
    float: left;
    width: 70%;
    margin: 2px;
}
#aboutussubtitle_left {
    font-weight: bold;
    font-size: 12px;
    float: left;
}
#aboutussubtitle_right {
    font-weight: bold;
    font-size: 12px;
    float: right;
    text-align: right;
}


Karna ini mungkin ngelanggar copyright dari dia, jadi ane minta coba di edit lagi ya
background warnanya aja jangan sama bener.

terus copas dulu ke Notepad ya, karna nanti pagi ane hapus kodenya

lah kok malah jadi gini gan
[You must be registered and logged in to see this image.]

mhon pncerahannya gan :

coba htmlnya ganti sama ini

Code:

<div id="aboutus"><div id="aboutustitlediv"><span id="aboutustitle" style="font-weight:bold; font-size:20px; font-family:arial;"><cufon style="width: 45px; height: 20px;" alt="About " class="cufon cufon-canvas"><cufontext>About </cufontext></cufon><cufon style="width: 18px; height: 20px;" alt="Us" class="cufon cufon-canvas"><cufontext>Us</cufontext></cufon></span></div><br><br><div id="aboutus_1">
    <span id="aboutussubtitle_left" style="color:#1E6CA8;"><cufon style="width: 26px; height: 15px;" alt="Who " class="cufon cufon-canvas"><cufontext>Who </cufontext></cufon><cufon style="width: 21px; height: 15px;" alt="the " class="cufon cufon-canvas"><cufontext>the </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="hell " class="cufon cufon-canvas"><cufontext>hell </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="are " class="cufon cufon-canvas"><cufontext>are </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="we?" class="cufon cufon-canvas"><cufontext>we?</cufontext></cufon></span><br><hr align="left" size="10" width="40%">

    Dueling City is a website mainly dedicated to <a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?toolid=10029&amp;campid=CAMPAIGNID&amp;customid=CUSTOMID&amp;catId=220&amp;type=2&amp;ext=360639586041&amp;item=360639586041" rel="nofollow" target="_blank" title="Link added by VigLink" class="vglnk"><span>Yu</span><span>-</span><span>Gi</span><span>-</span><span>Oh</span></a>! Online Teams and Academies. Yes, you heard right, we host wars for children's card games, for adults!
    <br>
    <span id="aboutussubtitle_right" style="color:#DB1C1C;"><cufon style="width: 27px; height: 15px;" alt="What" class="cufon cufon-canvas"><canvas style="width: 34px; height: 17px; top: 0px; left: 0px;" height="17" width="34"></canvas><cufontext>What</cufontext></cufon><cufon style="width: 16px; height: 15px;" alt=" do" class="cufon cufon-canvas"><cufontext> do</cufontext></cufon><cufon style="width: 18px; height: 15px;" alt=" we" class="cufon cufon-canvas"><cufontext> we</cufontext></cufon><cufon style="width: 36px; height: 15px;" alt=" want?" class="cufon cufon-canvas"><cufontext> want?</cufontext></cufon></span><br><hr style="float:right; clear:both;" align="right" size="10" width="40%"><br><br>
    Our goal is to give duelists around the world great Yu-Gi-Oh! war experience while having fun in our forums.
    <br><br>
    <span id="aboutussubtitle_left" style="color:#DAF035; margin-top:5px;"><cufon style="width: 26px; height: 15px;" alt="Why " class="cufon cufon-canvas"><cufontext>Why </cufontext></cufon><cufon style="width: 38px; height: 15px;" alt="should " class="cufon cufon-canvas"><cufontext>should </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="you " class="cufon cufon-canvas"><cufontext>you </cufontext></cufon><cufon style="width: 22px; height: 15px;" alt="join " class="cufon cufon-canvas"><cufontext>join </cufontext></cufon><cufon style="width: 19px; height: 15px;" alt="us?" class="cufon cufon-canvas"><cufontext>us?</cufontext></cufon></span><br><hr align="right" size="10" width="40%">
    From automatized war registrations, simple and effective judging system to ranking table which sumarizes all war records and dynamic profile fields that show your scores in posts, all those are reasons why you should join us and witness our awesomeness! At the end, we will make you feel special, while you are just another mortal in this cruel world.

    </div><div style="float:right;"><img src="http://i41.servimg.com/u/f41/17/61/95/60/aboutu14.png"></div>
    </div>

sipp udah benar gan, tp backgroundnya mana ya

[You must be registered and logged in to see this image.]

BG ini nya gan
[You must be registered and logged in to see this image.]

jng khawatir gan, ga mungkin ane persisin sama, pasti ane edit lg

Nih cssnya

Code:

#aboutus{background: url(http://i41.servimg.com/u/f41/17/61/95/60/diagmo10.png);}

sipp gan, problem solved dah

thanks ya gan,

sebelumnya agan jng khawatir ma copyright, ane ga bakal duplicate forum gan, udah sering kan ane bilang ma agan, ane ini masih belajar, rasa pnasaran masih tinggi, jadi wajar kalau masih sering nanya dan pengen persis, tapi nanti kalau udah ngerti kodenya, ya ane pasti desain sendiri gan, gak mungkin sama lagi

so santai aja

btw thanks gan :cheers: