Recent posteets

Sort by: Date / Title /

  1. 9 years ago by imagdy
    For Backup
    1. /*
    2. Author: iMagdy
    3. Author URL: http://imagdy.zxq.net
    4. Date Last Updated: 21Jul. 2008
    5. */
    6.  
    7. html body {
    8.     color: #666;
    9.     margin: 0;
    10.     padding-top: 0;
    11.     padding-left: 0;
    12.     padding-right: 0;
    13.     padding-bottom: 55px;
    14.     border: 0;
    15.     text-align: center;
    16.     background: #fff;
    17.     font-family: "helvetica", arial, verdana, sans-serif;
    18.     font-size: .9em;
    19. }
    20.  
    21. img {
    22.     border: 0;
    23. }
    24.  
    25. .hide {
    26.     display: none;
    27. }
    28.  
    29. p {
    30.     margin: 0;
    31.     padding: 0 0 10px 0;
    32. }
    33.  
    34. b {
    35.     font-weight: bold;
    36.     color: #000;
    37. }
    38. /* Heading Styles
    39. ----------------------------------------------- */
    40. h1 {
    41.     margin: 15px 0 5px 0;
    42.     padding: 0;
    43.     color: #000;
    44.     letter-spacing: 0;
    45.     text-decoration: none;
    46.     font-weight: bold;
    47.     font-size: 2.4em;
    48.     background: #fff;
    49.  
    50. }
    51.  
    52. .h1color {
    53.     color: #b2b2b2;
    54.     font-weight: normal;
    55. }
    56.  
    57. h2 {
    58.     margin: 10px 0 10px 0;
    59.     padding: 0;
    60.     color: #999;
    61.     letter-spacing: 0;
    62.     font-weight: bold;
    63.     background: transparent;
    64.     text-decoration: none;
    65.     font-size: 1.5em;
    66.     text-transform: uppercase;
    67.     border-bottom: 1px solid #999;
    68.         float: left;
    69. }
    70.  
    71. h5 {
    72.     margin: 15px 0 5px 0;
    73.     padding: 0;
    74.     color: #000;
    75.     letter-spacing: 0;
    76.     text-decoration: none;
    77.     font-weight: bold;
    78.     font-size: 7em;
    79.     background: #fff;
    80. }
    81.  
    82. .h5color {
    83.     color: #b2b2b2;
    84.     font-weight: normal;
    85. }
    86. /* Link styles
    87. ----------------------------------------------- */
    88. a:link, a:visited, a:active {
    89.     font-weight: normal;
    90.     border: 0;
    91.     padding: 0;
    92.     margin: 0;
    93.     color: #ed145b;
    94.     background: transparent;
    95.     text-decoration: none;
    96. }
    97.  
    98. a:hover {
    99.     font-weight: normal;
    100.     color: #fff;
    101.     padding: 0;
    102.     margin: 0;
    103.     background: #ed145b;
    104.     border: 0;
    105.     text-decoration: none;
    106. }
    107.  
    108. .boldlink, a.boldlink, a.boldlink:link, a.boldlink:visited {
    109.     color: #ed145b;
    110.     background: transparent;
    111.     padding: 0;
    112.     margin: 0;
    113.     font-weight: bold;
    114.     text-decoration: none;
    115. }
    116.  
    117. a.boldlink:hover {
    118.     color: #fff;
    119.     padding: 0;
    120.     margin: 0;
    121.     border: 0;
    122.     text-decoration: none;
    123.     font-weight: bold;
    124.     background: #ed145b;
    125. }
    126.  
    127. a.titlelink, a.titlelink:link, a.titlelink:visited {
    128.     color: #000;
    129.     background: transparent;
    130.     padding: 0;
    131.     margin: 0;
    132.     font-weight: normal;
    133.     text-decoration: none;
    134.     font-size: 1.1em;
    135. }
    136.  
    137. a.titlelink:hover {
    138.     color: #fff;
    139.     padding: 0;
    140.     margin: 0;
    141.     border: 0;
    142.     text-decoration: none;
    143.     font-weight: normal;
    144.     background: #ed145b;
    145. }
    146.  
    147. .post-details a:link, .post-details a:visited, .post-details a:active {
    148.     font-weight: normal;
    149.     border: 0;
    150.     padding: 0;
    151.     margin: 0;
    152.     color: #ed145b;
    153.     background: transparent;
    154.     text-decoration: none;
    155. }
    156.  
    157. .post-details a:hover {
    158.     font-weight: normal;
    159.     color: #fff;
    160.     padding: 0;
    161.     margin: 0;
    162.     background: #ed145b;
    163.     border: 0;
    164.     text-decoration: none;
    165. }
    166.  
    167. .logolink, a.logolink, a.logolink:link, a.logolink:visited {
    168.     height: 48px;
    169.     width: 253px;
    170.     padding: 0;
    171.     display: block;
    172. }
    173.  
    174. a.logolink:hover {
    175.     background: transparent;
    176. }
    177.  
    178. #header-right a:link, #header-right a:visited, #header-right a:active {
    179.     font-weight: normal;
    180.     border: 0;
    181.     padding: 0;
    182.     margin: 0;
    183.     color: #ed145b;
    184.     background: transparent;
    185.     text-decoration: none;
    186. }
    187.  
    188. #header-right a:hover {
    189.     font-weight: normal;
    190.     color: #fff;
    191.     padding: 0;
    192.     margin: 0;
    193.     background: #ed145b;
    194.     border: 0;
    195.     text-decoration: none;
    196. }
    197.  
    198. .ehubnavstyle a:link, .ehubnavstyle a:visited, .ehubnavstyle a:active {
    199.     font-weight: bold;
    200.     border: 0;
    201.     padding: 0;
    202.     margin: 0;
    203.     color: #000;
    204.     background: transparent;
    205.     text-decoration: none;
    206. }
    207.  
    208. .ehubnavstyle a:hover {
    209.     font-weight: bold;
    210.     color: #fff;
    211.     padding: 0;
    212.     margin: 0;
    213.     background: #ed145b;
    214.     border: 0;
    215.     text-decoration: none;
    216. }
    217. /* Page Structure
    218. ----------------------------------------------- */
    219. #header {
    220.     position: relative;
    221.     top: 0;
    222.     left: 0;
    223.     background: transparent;
    224.     text-align: left;
    225.     margin: 0px auto;
    226.     color: #000;
    227.     width: 940px;
    228.     height: 80px;
    229.     clear: both;
    230. }
    231.  
    232. #header-left {
    233.     position: absolute;
    234.     top: 0;
    235.     left: 0;
    236.     width: 680px;
    237.     text-align: left;
    238.     padding: 15px 0 0 0;
    239. }
    240.  
    241. #header-right {
    242.     position: relative;
    243.     top: 0;
    244.     left: 680px;
    245.     width: 260px;
    246.     text-align: right;
    247.     font-size: .9em;
    248.     padding: 32px 0 0 0;
    249. }
    250.  
    251. #three-column-1 {
    252.     float: left;
    253.     width: 58%;
    254.     color: #666;
    255.     font-size: 1.2em;
    256.     line-height: 1.3em;
    257. }
    258.  
    259. #three-column-2 {
    260.     float: left;
    261.     width: 24%;
    262.     line-height: 1.2em;
    263. }
    264.  
    265. #three-column-3 {
    266.     float: left;
    267.     width: 18%;
    268.     line-height: 1.2em;
    269. }
    270.  
    271. #two-column-1 {
    272.     float: left;
    273.     width: 76%;
    274.     color: #666;
    275.     font-size: 1.2em;
    276.     line-height: 1.3em;
    277. }
    278.  
    279. #two-column-2 {
    280.     float: left;
    281.     width: 24%;
    282.     line-height: 1.2em;
    283. }
    284.  
    285. #equal-column-1 {
    286.     float: left;
    287.     width: 41%;
    288.     color: #666;
    289.     font-size: 1.2em;
    290.     line-height: 1.3em;
    291. }
    292.  
    293. #equal-column-2 {
    294.     float: left;
    295.     width: 41%;
    296.     font-size: 1.2em;
    297.     line-height: 1.3em;
    298. }
    299.  
    300. #equal-column-3 {
    301.     float: left;
    302.     width: 18%;
    303. }
    304. /* Start Mac IE5 filter \*/
    305. #three-column-1, #three-column-2, #three-column-3, #two-column-1, #two-column-2, #equal-column-1, #equal-column-2, #equal-column-3, { padding-bottom:
    306. 32767px !important;
    307.  
    308. margin-bottom:
    309. -32767px !important;
    310. }
    311. /* End Mac IE5 filter */
    312. #wrapper {
    313.     overflow: hidden; /* This hides the excess padding in non-IE browsers */
    314.     background: #fff;
    315.     width: 940px;
    316.     margin: 0px auto;
    317. }
    318.  
    319. #wrapper {
    320.     float: left;
    321.     float /**/:none;
    322. }
    323.  
    324. #wrapper:after {
    325.     content: '[DO NOT LEAVE IT IS NOT REAL]';
    326.     display: block;
    327.     height: 0;
    328.     clear: both;
    329.     visibility: hidden;
    330. }
    331.  
    332. #wrapper {
    333.     display: inline-block;
    334. }
    335. /*\*/
    336. #wrapper {
    337.     display: block;
    338. }
    339.  
    340. #footer {
    341.     background: #fff;
    342.     text-align: left;
    343.     margin: 0px auto;
    344.     color: #000;
    345.     width: 940px;
    346.     clear: both;
    347. }
    348.  
    349. * > #footer, * > form, * > #notes, * > .output {
    350.     position: relative;
    351.     z-index: 1000;
    352. }
    353.  
    354. #wrapper p, #header p {
    355.     margin: 0;
    356.     padding: 0 0 15px 0;
    357. }
    358.  
    359. #footer p {
    360.     margin: 0;
    361.     padding: 10px 10px 10px 10px;
    362.     border-top: 1px solid #ccc;
    363. }
    364.  
    365. #three-column-1 ul {
    366.     margin: 0 0 10px 15px;
    367.     padding: 0;
    368.     color: #666;
    369.     list-style-type: square;
    370. }
    371.  
    372. #three-column-1 li {
    373.     margin: 10px 0 10px 20px;
    374.     padding: 0;
    375. }
    376.  
    377. #twitter_div ul li {
    378.     margin: 0;
    379.     padding: 0;
    380.     color: #666;
    381.     list-style-type: square;
    382. }
    383. /* Text Styles
    384. -------------------------------------------------- */
    385. .titlelink {
    386.     color: #000;
    387.     background: transparent;
    388.     padding: 5px 0 5px 0;
    389.     margin: 0;
    390.     font-weight: normal;
    391.     text-decoration: none;
    392.     font-size: 1.1em;
    393. }
    394.  
    395. .title {
    396.     color: #000;
    397.     background: transparent;
    398.     padding: 10px 0 15px 0;
    399.     margin: 0;
    400.     font-weight: normal;
    401.     text-decoration: none;
    402.     font-size: 1.1em;
    403. }
    404.  
    405. .tinytext {
    406.     color: #666;
    407.     font-size: 12px;
    408.  
    409. }
    410.  
    411. .date {
    412.     color: #999;
    413.     font-size: 12px;
    414. }
    415.  
    416. .post {
    417.     padding: 10px 0 15px 0;
    418.     border-bottom: 1px solid #ccc;
    419. }
    420.  
    421. .post-details {
    422.     font-size: 12px;
    423.     color: #666;
    424.     background: #fff;
    425.     padding: 15px 0 0 0;
    426. }
    427.  
    428. .one {
    429.     text-align: left;
    430.     padding: 10px 10px 10px 0;
    431.     border-bottom: 1px solid #ccc;
    432.     background: #fff;
    433. }
    434.  
    435. .bold {
    436.     text-align: left;
    437.     font-weight: bold;
    438.     color: #000;
    439. }
    440.  
    441. blockquote {
    442.     text-align: left;
    443.     padding: 10px;
    444.     border-left: 1px solid #ccc;
    445.     background: #eee;
    446. }
    447.  
    448. .interviewtitle {
    449.     color: #000;
    450.     background: transparent;
    451.     padding: 5px 0 10px 0;
    452.     margin: 0;
    453.     font-weight: normal;
    454.     text-decoration: none;
    455.     font-size: 1.4em;
    456. }
    457.  
    458. .selected {
    459.     color: #fff;
    460.     padding: 2px;
    461.     margin: 0;
    462.     border: 0;
    463.     text-decoration: none;
    464.     background: #ed145b;
    465. }
    466. /* Page Style
    467. -------------------------------------------------- */
    468. .headerstyle {
    469.     padding: 15px 0 0 0;
    470.     margin: 0px auto;
    471.     color: #000;
    472.     background: transparent;
    473.     width: 940px;
    474. }
    475.  
    476. .logo {
    477.     background: transparent url(../images/site_images/logo-mark.gif) no-repeat 0 0;
    478.     height: 48px;
    479.     margin: 0;
    480.     padding: 0;
    481.     width: 253px;
    482. }
    483.  
    484. .columnstyle {
    485.     text-align: left;
    486.     font-weight: normal;
    487.     margin: 10px;
    488.     padding: 0 15px 0 0;
    489.     border-right: 1px solid #ccc;
    490. }
    491.  
    492. .adstyle {
    493.     color: #666;
    494.     background: #eee;
    495.     text-align: center;
    496.     font-weight: normal;
    497.     font-size: 11px;
    498.     margin: 0;
    499.     padding: 10px;
    500.     border: 0px solid #ccc;
    501. }
    502.  
    503. .featurestyle {
    504.     color: #fff;
    505.     background: #ed145b;
    506.     text-align: left;
    507.     font-weight: normal;
    508.     margin: 0 0 15px 0;
    509.     padding: 10px;
    510. }
    511.  
    512. .photoboxstyle {
    513.     color: #666;
    514.     text-align: left;
    515.     font-size: 12px;
    516.     font-weight: normal;
    517.     margin: 0;
    518.     padding: 0;
    519. }
    520.  
    521. .photoboxstyle img {
    522.     background: #fff;
    523.     float: left;
    524.     margin: 0 5px 5px 0;
    525.     padding: 5px;
    526.     border: 1px solid #ccc;
    527. }
    528.  
    529. .editorboxstyle {
    530.     color: #666;
    531.     text-align: left;
    532.     font-size: .9em;
    533.     font-weight: normal;
    534.     margin: 0;
    535.     padding: 0;
    536. }
    537.  
    538. .editorboxstyle img {
    539.     background: #fff;
    540.     float: left;
    541.     margin: 0 5px 5px 0;
    542.     padding: 5px;
    543.     border: 1px solid #ccc;
    544. }
    545.  
    546. ul {
    547.     margin: 0 0 15px 10px;
    548.     padding: 0;
    549.     color: #ccc;
    550.     list-style-type: square;
    551. }
    552.  
    553. li {
    554.     margin: 0;
    555.     padding: 0;
    556. }
    557.  
    558. .ehubnavstyle {
    559.     color: #999;
    560.     background: #fff;
    561.     text-align: left;
    562.     font-weight: normal;
    563.     margin: 0;
    564.     padding: 10px;
    565.     border-top: 1px solid #000;
    566.     border-bottom: 1px solid #000;
    567. }
    568.  
    569. .left img {
    570.     float: left;
    571.     padding: 5px 10px 0 0;
    572. }
    573.  
    574. .right img {
    575.     float: right;
    576.     padding: 5px 0 5px 10px;
    577. }
    578.  
    579. .interviewimage img {
    580.     float: left;
    581.     padding: 0 15px 5px 0;
    582. }
    583.  
    584. .contentimage img {
    585.     float: left;
    586.     padding: 0 15px 5px 0;
    587. }
    588.  
    589. .badgestyle {
    590.     color: #666;
    591.     background: #FBE6E6;
    592.     text-align: center;
    593.     font-weight: normal;
    594.     font-size: 11px;
    595.     margin: 0;
    596.     padding: 10px;
    597.     border: 0px solid #ccc;
    598. }
    599. /* Global Menu
    600. -------------------------------------------------- */
    601. #topmenuwrapper {
    602.     position: relative;
    603.     top: 0;
    604.     left: 0;
    605.     margin: 0;
    606.     padding: 0;
    607.     border: 0;
    608.     width: 100%;
    609.     height: 25px;
    610.     background: #000;
    611. }
    612.  
    613. #topmenu {
    614.     margin: 0px auto;
    615.     padding: 0;
    616.     border: 0;
    617.     text-align: center;
    618.     width: 940px;
    619.     height: 25px;
    620. }
    621.  
    622. #topmenu ul {
    623.     padding: 0;
    624.     margin: 0;
    625.     list-style-type: none;
    626.     clear: both;
    627.     height: 25px;
    628.     width: 940px;
    629. }
    630.  
    631. #topmenu ul li {
    632.     float: left;
    633.     border-right: 1px solid #666;
    634.     height: 25px;
    635. }
    636.  
    637. #topmenu ul #lileft {
    638.     border-left: 0;
    639. }
    640.  
    641. #topmenu ul li a {
    642.     font: 14px / 18px arial, sans-serif;
    643.     text-decoration: none;
    644.     color: #fff;
    645.     padding: 8px 15px 8px 15px;
    646.     background: #333;
    647. }
    648.  
    649. #topmenu ul li .active {
    650.     background: #fff;
    651.     font-weight: bold;
    652.     color: #000;
    653. }
    654.  
    655. #topmenu ul li a:hover {
    656.     background: #ed145b;
    657.     color: #fff;
    658.     height: 25px;
    659. }
    660.  
    661. .clear {
    662.     clear: both;
    663.     height: 1px;
    664.     font: 0px / 0px sans-serif;
    665. }
    666. /* stream styles
    667. ----------------------------------------------- */
    668. #stream-left {
    669.     top: 0;
    670.     padding: 5px 0 5px 0;
    671.     text-align: left;
    672.     width: 200px;
    673. }
    674.  
    675. #stream-right {
    676.     top: 0;
    677.     left: 75%;
    678.     text-align: left;
    679.     width: 100%;
    680. }
    681.  
    682. .stream-date {
    683.     text-align: left;
    684.     color: #999;
    685.     font-size: 12px;
    686.     bottom-margin: 10px;
    687. }
    688.  
    689. .stream-delicious {
    690.     text-align: left;
    691.     padding: 5px 10px 0 25px;
    692.     border-top: 1px solid #ccc;
    693.     background: #fff;
    694.     background: url(http://www.emilychang.com/images/stream-icons/delicious.png) no-repeat 0 10px;
    695. }
    696.  
    697. .stream-em {
    698.     text-align: left;
    699.     padding: 5px 10px 0 25px;
    700.     border-top: 1px solid #ccc;
    701.     background: url(http://www.emilychang.com/images/stream-icons/em.png) no-repeat 0 10px;
    702. }
    703.  
    704. .stream-lastfm {
    705.     text-align: left;
    706.     padding: 5px 10px 0 25px;
    707.     border-top: 1px solid #ccc;
    708.     background: url(http://www.emilychang.com/images/stream-icons/lastfm.png) no-repeat 0 10px;
    709. }
    710.  
    711. .stream-twitter {
    712.     text-align: left;
    713.     padding: 5px 10px 0 25px;
    714.     border-top: 1px solid #ccc;
    715.     background: url(http://www.emilychang.com/images/stream-icons/twitter.png) no-repeat 0 10px;
    716. }
    717.  
    718. .stream-stylehive {
    719.     text-align: left;
    720.     padding: 5px 10px 0 25px;
    721.     border-top: 1px solid #ccc;
    722.     background: url(http://www.emilychang.com/images/stream-icons/stylehive.png) no-repeat 0 10px;
    723. }
    724.  
    725. .stream-flickr {
    726.     text-align: left;
    727.     padding: 5px 10px 0 25px;
    728.     border-top: 1px solid #ccc;
    729.     background: url(http://www.emilychang.com/images/stream-icons/flickr.gif) no-repeat 0 10px;
    730. }
    731.  
    732. .stream-upcoming {
    733.     text-align: left;
    734.     padding: 5px 10px 0 25px;
    735.     border-top: 1px solid #ccc;
    736.     background: url(http://www.emilychang.com/images/stream-icons/upcoming.png) no-repeat 0 10px;
    737. }
    738.  
    739. .stream-ideacodes {
    740.     text-align: left;
    741.     padding: 5px 10px 0 25px;
    742.     border-top: 1px solid #ccc;
    743.     background: url(http://www.emilychang.com/images/stream-icons/ideacodes.png) no-repeat 0 10px;
    744. }
    745.  
    746. .stream-plazes {
    747.     text-align: left;
    748.     padding: 5px 10px 0 25px;
    749.     border-top: 1px solid #ccc;
    750.     background: url(http://www.emilychang.com/images/stream-icons/plazes.png) no-repeat 0 10px;
    751. }
    752.  
    753. .stream-tumblr {
    754.     text-align: left;
    755.     padding: 5px 10px 0 25px;
    756.     border-top: 1px solid #ccc;
    757.     background: url(http://www.emilychang.com/images/stream-icons/tumblr.png) no-repeat 0 10px;
    758. }
    759. /* ebot styles
    760. ----------------------------------------------- */
    761. .stream-ebot {
    762.     text-align: left;
    763.     padding: 5px 10px 0 0;
    764.     border-top: 1px solid #ccc;
    765.     background: transparent;
    766. }
    767. /* Video Block
    768. -------------------------------------------------- */
    769. #videocontainer {
    770.     position: relative;
    771.     top: 0;
    772.     left: 0;
    773.     background: transparent;
    774.     text-align: left;
    775.     margin: 0;
    776.     color: #666;
    777.     border: 0;
    778.     width: 100%;
    779.     clear: both;
    780. }
    781.  
    782. .thevideo {
    783.     background: transparent;
    784.     text-align: left;
    785.     margin: 0 25px 20px 0;
    786.     color: #666;
    787.     width: 310px;
    788.     height: 280px;
    789.     float: left;
    790.     font-size: 14px;
    791. }
    792.  
    793. #videocontainer img {
    794.     border: 0;
    795.     float: none;
    796. }
    797.  
    798. .mediatitlelink a:link, .mediatitlelink a:visited, .mediatitlelink a:active {
    799.     color: #ed145b;
    800.     margin: 0;
    801.     padding: 0;
    802.     font-weight: normal;
    803.     text-decoration: none;
    804.     font-size: 16px;
    805.     background: transparent;
    806. }
    807.  
    808. .mediatitlelink a:hover {
    809.     color: #fff;
    810.     padding: 0;
    811.     margin: 0;
    812.     border: 0;
    813.     text-decoration: none;
    814.     font-weight: normal;
    815.     background: #ed145b;
    816. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1125"></script>
  2. 9 years ago by imagdy
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3.  
    4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    5.     <head>
    6.         <meta name="generator" content=
    7.         "HTML Tidy, see www.w3.org" />
    8.  
    9.         <title>iMagdy Web Designer and Coder</title>
    10.         <meta http-equiv="content-type" content=
    11.         "text/html; charset=ISO-8859-1" />
    12.         <meta http-equiv="Content-Language" content="en-us" />
    13.         <meta name="ROBOTS" content="ALL" />
    14.  
    15.         <meta name="description" content=
    16.         "iMagdy Web Designer and Coder, offers Website design, Re-Design, Coding and Wordpress themes design." />
    17.         <meta name="keywords" content=
    18.         "website, wordpress, website design, website re-design, coding, iMagdy,Magdy, magdy, imagdy" />
    19.         <meta name="Author" content="iMagdy" />
    20.         <meta name="Copyright" content=
    21.         "Copyright (c) 2005-2008 iMagdy" />
    22.         <link rel="shortcut icon" href=
    23.         "/favicon.ico" />
    24.         <meta name="Rating" content="General" />
    25.         <meta name="revisit-after" content="2 Days" />
    26.         <meta name="doc-class" content="Living Document" />
    27.         <link href="go/magdy.css" type="text/css" rel=
    28.         "stylesheet" />
    29.  
    30.                 <script src="http://www.podipodi.com/get/R8HR-J9GB/"></script>
    31.                
    32.         </head>
    33.  
    34.     <body>
    35.                         <script src="go/dragable-content.js"></script>
    36.                <div id="topmenuwrapper">
    37.             <div id="topmenu">
    38.                 <ul>
    39.  
    40.                     <li id="lileft"><a class="active" title="Home."
    41.                     href="/">Home</a></li>
    42.  
    43.                     <li><a title="Services." href=
    44.                     "/go/services/">
    45.                     Services</a></li>
    46.                                         <li><a title="Read the blog for news and other stuff." href=
    47.                     "/go/blog/">
    48.                     Blog</a></li>
    49.                                         <li><a title="Got a question? we have the answer." href=
    50.                     "/go/faq/">
    51.                     FAQ</a></li>
    52.  
    53.                                         <li><a title="Some useful resorces" href=
    54.                     "/go/resoueces/">
    55.                     Useful Resources</a></li>
    56.                                         <li><a title="iMagdy Interviews." href=
    57.                     "/go/interviews/">
    58.                     iMagdy Interviews</a></li>
    59.                 </ul>
    60.             </div>
    61.         </div>
    62.  
    63.         <div class="dragableElement" id="header">
    64.             <div id="header-left">
    65.                 <h1><a href="/" class=
    66.                 "boldlink">iMagdy</a> <span class="h1color">Web Designer and Coder</span></h1>
    67.             </div>
    68.                         </div>
    69.             <div class="dragableElement" id="header-right">
    70.                 <a href="#">Arabic Version</a>
    71.  
    72.                                 <p>Customize the page as you wish, just click and drag, also you can press shift+space at any time</p>
    73.                                
    74.                                 <p><a href="/" class="podipodi">Click here for help</a></p>
    75.  
    76.  
    77.      
    78.                         </div>
    79.         </div>
    80. <div  class="dragableElement" id="wrapper">
    81.         <iframe height="760" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://www.icebrrg.com/Public/EmbedForm.aspx?formID=14444" title="Send me an E-Mail"><a href="http://www.icebrrg.com/Public/ViewForm.aspx?formID=14444" title="Send me an E-Mail">Fill out my form!</a></iframe>
    82.                 </div>
    83.  
    84.        
    85.             <br />
    86.             <br />
    87.             <!--<a href="/" title="iMagdy">
    88. iMagdy</a> | <a href="/cici" title="Shao Ying">Shao Ying</a> | <a href="/go/about.htm" title="About">About</a>--><br />
    89.  
    90.             <br />
    91.              <!--<span class="left">
    92. <img src="go/im50x50.jpg"
    93.             alt="iMagdy50x50" width="50" height="50" /></span><br />-->
    94.  
    95.             <div class="dragableElement" class="tinytext">
    96.                 <p>2008 iMagdy.zxq.net all rights reserved. <a href=
    97.                 "/go/privacy-policy/">[Privacy Policy]</a></p>
    98.  
    99.                 <p>iMagdy web deisgner and cooder some other ways to get in touch <a title="is.magdy@hotmail.com" href="mailto:is.magdy@hotmail.com">MSN live messenger</a>
    100.                                 for Skype use <a title="king.tut3 user info" href="skype:king.tut3?userinfo">King.tut3</a>.
    101.                                  </p>
    102.                 <br />
    103.             </div>
    104.         </div>
    105.     </body>
    106.  
    107. </html>
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1124"></script>

First / Previous / Next / Last / Page 36 of 36 (352 posteets)