Nem is olyan régen volt egy ilyen kérdés, hogy hogyan lehet a Chat-et így egymás mellé helyezni. Nos, bekódoltam a saját Chat-emet és most ezt a kódot elhoztam nektek :) G-Portálon is ki lett próbálva a kód és ott is minden jól működik :) Van ugye az alap CBox Chat kódja, ami kb. így néz ki nektek is
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div>
<iframe allowtransparency="yes" id="cboxmain3-2693028" marginheight="2" marginwidth="2" name="cboxmain3-2693028" scrolling="auto" src="http://www3.cbox.ws/box/?boxid=2693028&boxtag=9863&sec=main" style="border: 0px solid;" frameborder="0" height="200" width="335"></iframe></div>
<div>
<iframe allowtransparency="yes" id="cboxform3-2693028" marginheight="2" marginwidth="2" name="cboxform3-2693028" scrolling="no" src="http://www3.cbox.ws/box/?boxid=2693028&boxtag=9863&sec=form" style="border: 0px solid;border-top:0px" frameborder="0" height="75" width="335"></iframe>
</div>
</center>
Ebből a kiemelt kódrészek kellenek ahhoz, hogy egymás mellé tudjuk tenni a Chat-et és az űrlap mezőt. Plusz kelleni fog hozzá egy kis CSS kód is, ami ugye a kettő DIV féle táblázatos oszlopot egymás mellé helyezi
Chat kódja
<div id="cboxdiv">
<div id="cboxchat">
<iframe allowtransparency="yes" frameborder="0" height="100" id="cboxmain3-2693028" marginheight="2" marginwidth="2" name="cboxmain3-2693028" scrolling="auto" src="http://www3.cbox.ws/box/?boxid=2693028&boxtag=9863&sec=main" style="border: 3px solid #FAC1ED;" width="285"></iframe></div>
<div id="cboxauthor">
<iframe allowtransparency="yes" frameborder="0" height="100" id="cboxform3-2693028" marginheight="2" marginwidth="2" name="cboxform3-2693028" scrolling="no" src="http://www3.cbox.ws/box/?boxid=2693028&boxtag=9863&sec=form" style="border: 3px solid #E2F1AC" width="285"></iframe></div>
</div>
CSS kód hozzá
<style type="text/css">
#cboxdiv { /* az egész DIV szélessége, amibe benne vannak a Chat részei */
width:590px;
}
#cboxchat, #cboxauthor { /* a bal oldal */
float:left;
border:0px;
}
#cboxdiv p { /* ezt nem kell bántani. Ettől lesz egymás mellet a két rész */
clear:both;
}
</style>
816 megtekintés