Cikkajánló
Egy újabb G-Portálos teljes kinézetet hoztam. Ígérem most már lassan abbahagyon a GP-s design-ok gyártását, csak hát már olyan régen nem hoztam a G-Portálra bármilyen kinézetet vagy CSS kódot,
Alapértelmezetten általában ezt a kódot használjátok a főoldali bejegyzéseknél, ha ki van írva a cikkíró neve: <?php the_author(); ?>   Ez a kód lett kiegészítve úgy, hogy egyrészt a
Sziasztok :) A mai frissítésem kettő darab G-Portálos teljes kinézet kódolással és részletes leírással együtt. Az egyik témán Selena Gomez, a másikon pedig Emilia Clarke van. A témákat innen
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Chat és az űrlap mező egymás mellett

 

 

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&amp;boxtag=9863&amp;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&amp;boxtag=9863&amp;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&amp;boxtag=9863&amp;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&amp;boxtag=9863&amp;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>

lindadesign Hozzászólások
544 megtekintés

Hozzászólások