Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: переделать страницу с table в div

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: переделать страницу с table в div
Поиск в теме | Версия для печати
Marchello
Отправлено: 09 Октября, 2010 - 17:14:27
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Февр. 2010  


Помог: 0 раз(а)
Помогите переделать страницу с table в div. практичски всьо переведено, но с тем что осталось немогу разобратся (очень хитрый код). Уже переделывал 20 раз ничего не получается. Файлы прикриплю. Кто может стаким стыкался, помогите. Файл шаблона bt travelin Joomla 1.5 php и файл слоев CSS прикрепляю как текстовые. Буду рад любой помощи.
PHP код
PHP:
скопировать код в буфер обмена
  1.  
  2. <?PHP
  3.  
  4. defined( '_JEXEC' ) or die( 'Restricted access' );
  5.  
  6. $dir = dirname(__FILE__);
  7.  
  8. require($dir . '/config.php');
  9.  
  10. require($dir . '/template.inc.php');
  11.  
  12. $tpl = new TplBtTravelIn();
  13.  
  14. $cmenu_css = $tpl->show_menu ? '<link href="' . $tpl->path . '/css/cmenu.css" rel="stylesheet" type="text/css" />' . "\n" : '';
  15.  
  16. $cmenu_js = $tpl->show_menu ? '<script type="text/javascript" src="' . $tpl->path . '/js/cmenu.js"></script>' . "\n" : '';
  17.  
  18. $ddp2_width = $tpl->width - 64;
  19.  
  20. echo <<<EOF
  21.  
  22. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  23.  
  24.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$this->language}" lang="{$this->language}" >
  27.  
  28. <head>
  29.  
  30. <jdoc:include type="head" />
  31.  
  32. <style type="text/css">
  33.  
  34. .ddp2_content { width: {$ddp2_width}px; }
  35.  
  36. </style>
  37.  
  38. <link href="{$tpl->path}/css/layout.css" rel="stylesheet" type="text/css" />
  39.  
  40. <link href="{$tpl->path}/css/template.css" rel="stylesheet" type="text/css" />
  41.  
  42. $cmenu_css
  43.  
  44. <!--[if lt IE 7]>
  45.  
  46. <link href="{$tpl->path}/css/template_ie6.css" rel="stylesheet" type="text/css" />
  47.  
  48. <![endif]-->
  49.  
  50. </head>
  51.  
  52. <body>
  53.  
  54. $aa
  55.  
  56. EOF;
  57.  
  58. if ($tpl->seocp) {
  59.  
  60.         echo '  <div style="display:none"><div id="mainbody">' . "\n";
  61.  
  62.         echo '          <jdoc:include type="component" />' . "\n";
  63.  
  64.         echo '  </div></div>' . "\n";
  65.  
  66. }
  67.  
  68. echo '<div align="center">' . "\n";
  69.  
  70. echo '<table cellspacing="0" cellpadding="0" width="' . $tpl->width . '" style="text-align:left">' . "\n";
  71.  
  72. echo '  <tr>' . "\n";
  73.  
  74. echo '          <td id="r1lb" valign="top" rowspan="2"><img src="' . $tpl->path . '/images/layout/r1l.gif" alt="" /></td>' . "\n";
  75.  
  76. echo '          <td id="top" valign="top">' . "\n";
  77.  
  78. echo '                  <div id="top_r1_over"></div>' . "\n";
  79.  
  80. echo '                  <div id="top_r1">' . "\n";
  81.  
  82. $tpl->echo_positions('', 'top', 'toolbar');
  83.  
  84. echo '                  </div>' . "\n";
  85.  
  86. echo '                  <div id="top_r2_over"></div>' . "\n";
  87.  
  88. echo '                  <div id="top_r2">' . "\n";
  89.  
  90. $tpl->echo_positions('', 'icon', 'inset');
  91.  
  92. echo '                  </div>' . "\n";
  93.  
  94. echo '                  <div id="top_r3_over"></div>' . "\n";
  95.  
  96. echo '                  <div id="top_r3">' . "\n";
  97.  
  98. echo '                          <table cellspacing="0" cellpadding="0" width="100%">' . "\n";
  99.  
  100. echo '                                  <tr>' . "\n";
  101.  
  102. echo '                                          <td valign="top">' . "\n";
  103.  
  104.  
  105.  
  106. if ($tpl->show_menu) {
  107.  
  108. echo <<<EOF
  109.  
  110.                                                         <div id="cmenu">
  111.  
  112.                                                                 <table cellspacing="0" cellpadding="0">
  113.  
  114.                                                                 <tr>
  115.  
  116. EOF;
  117.  
  118.  
  119.  
  120.         for ($i = 0, $len = count($tpl->menu_head_tags); $i < $len; $i++) {
  121.  
  122.                 $mi = &$tpl->menu_head_tags[$i];
  123.  
  124.                 printf(
  125.  
  126. '                                                                               <td class="cmenu_hd_gap"></td>
  127.  
  128.                                                                                 <td class="%s">&nbsp;</td>
  129.  
  130.                                                                                 <td class="%s" id="%s">%s</td>
  131.  
  132.                                                                                 <td class="%s">&nbsp;</td>
  133.  
  134. ',
  135.  
  136.                         $mi->selection == 0 ? 'cmenu_hd_norm_left' : 'cmenu_hd_sel_left',
  137.  
  138.                         $mi->selection == 0 ? 'cmenu_hd_norm_body' : 'cmenu_hd_sel_body',
  139.  
  140.                         $mi->head_id,
  141.  
  142.                         $mi->full_link,
  143.  
  144.                         $mi->selection == 0 ? 'cmenu_hd_norm_right' : 'cmenu_hd_sel_right'
  145.  
  146.                 );
  147.  
  148.         }
  149.  
  150.         echo '                                                                          <td class="cmenu_hd_gap"></td>' . "\n";
  151.  
  152.  
  153.  
  154. echo <<<EOF
  155.  
  156.                                                                         </tr>
  157.  
  158.                                                                 </table>
  159.  
  160.                                                         </div>
  161.  
  162.  
  163.  
  164. EOF;
  165.  
  166.  
  167.  
  168. }
  169.  
  170. else {
  171.  
  172.         $tpl->echo_position('header');
  173.  
  174. }
  175.  
  176.  
  177.  
  178. echo '                                          </td>' . "\n";
  179.  
  180.  
  181.  
  182. if ($tpl->modcount('cpanel')) {
  183.  
  184.         echo '                                          <td class="gap"></td>' . "\n";
  185.  
  186.         echo '                                          <td valign="top" align="right">' . "\n";
  187.  
  188.         $tpl->echo_position('cpanel');
  189.  
  190.         echo '                                          </td>' . "\n";
  191.  
  192. }
  193.  
  194. echo '                                  </tr>' . "\n";
  195.  
  196. echo '                          </table>' . "\n";
  197.  
  198. echo '                  </div>' . "\n";
  199.  
  200. echo '          </td>' . "\n";
  201.  
  202. echo '          <td id="r1rb" valign="top" rowspan="2"><img src="' . $tpl->path . '/images/layout/r1r.gif" alt="" /></td>' . "\n";
  203.  
  204. echo '  </tr>' . "\n";
  205.  
  206. echo '  <tr>' . "\n";
  207.  
  208. echo '          <td id="r1body" valign="top">' . "\n";
  209.  
  210. $tpl->echo_positions('', 'advert1', 'advert2', 'advert3');
  211.  
  212. // output main body area
  213.  
  214. $col_span = 0;
  215.  
  216. if ($tpl->modcount('left'))
  217.  
  218.         $col_span += 2;
  219.  
  220. if ($tpl->modcount('right'))
  221.  
  222.         $col_span += 2;
  223.  
  224. $col_span = $col_span == 0 ? '' : ' colspan="' . ($col_span + 1) . '"';
  225.  
  226. echo '<table cellspacing="0" cellpadding="0" width="100%">' . "\n";
  227.  
  228. echo '  <tr>' . "\n";
  229.  
  230. echo '          <td id="main_path_l"></td>' . "\n";
  231.  
  232. echo '          <td id="main_path_c"' . $col_span . '>' . "\n";
  233.  
  234. echo '                  <img src="' . $tpl->path . '/images/layout/pathway.gif" alt="" border="0" style="float:left" />' . "\n";
  235.  
  236. echo '                  &nbsp; <span id="pathway_start">' . JText::_('') . '</span>&nbsp;' . "\n";
  237.  
  238. echo '                  <span id="pathway">' . "\n";
  239.  
  240. echo '                          <jdoc:include type="modules" name="breadcrumb" />' . "\n";
  241.  
  242. echo '                  </span>' . "\n";
  243.  
  244. echo '          </td>' . "\n";
  245.  
  246. echo '          <td id="main_path_r"></td>' . "\n";
  247.  
  248. echo '  </tr>' . "\n";
  249.  
  250. // output top row of main body
  251.  
  252. echo '  <tr>' . "\n";
  253.  
  254. if ($tpl->modcount('left')) {
  255.  
  256.         echo '          <td id="main_left_tl"><img src="' . $tpl->path . '/images/layout/main_left_tl.gif" alt="" /></td>' . "\n";
  257.  
  258.         echo '          <td id="main_left_tc"></td>' . "\n";
  259.  
  260.         echo '          <td id="main_left_tr"><img src="' . $tpl->path . '/images/layout/main_left_tr.gif" alt="" /></td>' . "\n";
  261.  
  262. }
  263.  
  264. else {
  265.  
  266.         echo '          <td id="main_body_tl"><img src="' . $tpl->path . '/images/layout/main_body_tl.gif" alt="" /></td>' . "\n";
  267.  
  268. }
  269.  
  270. echo '          <td id="main_body_tc"></td>' . "\n";
  271.  
  272.  
  273.  
  274. if ($tpl->modcount('right')) {
  275.  
  276.         echo '          <td id="main_right_tl"><img src="' . $tpl->path . '/images/layout/main_right_tl.gif" alt="" /></td>' . "\n";
  277.  
  278.         echo '          <td id="main_right_tc"></td>' . "\n";
  279.  
  280.         echo '          <td id="main_right_tr"><img src="' . $tpl->path . '/images/layout/main_right_tr.gif" alt="" /></td>' . "\n";
  281.  
  282. }
  283.  
  284. else {
  285.  
  286.         echo '          <td id="main_body_tr"><img src="' . $tpl->path . '/images/layout/main_body_tr.gif" alt="" /></td>' . "\n";
  287.  
  288. }
  289.  
  290.  
  291.  
  292. echo '  </tr>' . "\n";
  293.  
  294.  
  295.  
  296. // output middle row of main body
  297.  
  298. echo '  <tr>' . "\n";
  299.  
  300.  
  301.  
  302. if ($tpl->modcount('left')) {
  303.  
  304.         echo '          <td id="main_left_ml"></td>' . "\n";
  305.  
  306.         echo '          <td id="main_left_mc" valign="top">' . "\n";
  307.  
  308.         $tpl->echo_position('left');
  309.  
  310.         echo '          </td>' . "\n";
  311.  
  312.         echo '          <td id="main_left_mr"></td>' . "\n";
  313.  
  314. }
  315.  
  316. else {
  317.  
  318.         echo '          <td id="main_body_ml"></td>' . "\n";
  319.  
  320. }
  321.  
  322.  
  323.  
  324. echo '          <td id="main_body_mc" valign="top">' . "\n";
  325.  
  326.  
  327.  
  328. // output position newsflash
  329.  
  330. if ($tpl->modcount('newsflash')) {
  331.  
  332.         $tpl->echo_position('newsflash');
  333.  
  334.         echo '                  <div class="gap"></div>' . "\n";
  335.  
  336. }
  337.  
  338.  
  339.  
  340. // output main body
  341.  
  342. if ($tpl->seocp)
  343.  
  344.         echo '          <div id="mainbody_area"></div>' . "\n";
  345.  
  346. else
  347.  
  348.         echo '          <jdoc:include type="component" />' . "\n";
  349.  
  350.  
  351.  
  352. // output position banner
  353.  
  354. if ($tpl->modcount('banner')) {
  355.  
  356.         echo '                  <div class="gap"></div>' . "\n";
  357.  
  358.         $tpl->echo_position('banner');
  359.  
  360. }
  361.  
  362.  
  363.  
  364. echo '          </td>' . "\n";
  365.  
  366.  
  367.  
  368. if ($tpl->modcount('right')) {
  369.  
  370.         echo '          <td id="main_right_ml"></td>' . "\n";
  371.  
  372.         echo '          <td id="main_right_mc" valign="top">' . "\n";
  373.  
  374.         $tpl->echo_position('right');
  375.  
  376.         echo '          </td>' . "\n";
  377.  
  378.         echo '          <td id="main_right_mr"></td>' . "\n";
  379.  
  380. }
  381.  
  382. else {
  383.  
  384.         echo '          <td id="main_body_mr"></td>' . "\n";
  385.  
  386. }
  387.  
  388.  
  389.  
  390. echo '  </tr>' . "\n";
  391.  
  392.  
  393.  
  394. // output bottom row of main body
  395.  
  396. echo '  <tr>' . "\n";
  397.  
  398.  
  399.  
  400. if ($tpl->modcount('left')) {
  401.  
  402.         echo '          <td id="main_left_bl"></td>' . "\n";
  403.  
  404.         echo '          <td id="main_left_bc"></td>' . "\n";
  405.  
  406.         echo '          <td id="main_left_br"></td>' . "\n";
  407.  
  408. }
  409.  
  410. else {
  411.  
  412.         echo '          <td id="main_body_bl"></td>' . "\n";
  413.  
  414. }
  415.  
  416.  
  417.  
  418. echo '          <td id="main_body_bc"></td>' . "\n";
  419.  
  420.  
  421.  
  422. if ($tpl->modcount('right')) {
  423.  
  424.         echo '          <td id="main_right_bl"></td>' . "\n";
  425.  
  426.         echo '          <td id="main_right_bc"></td>' . "\n";
  427.  
  428.         echo '          <td id="main_right_br"></td>' . "\n";
  429.  
  430. }
  431.  
  432. else {
  433.  
  434.         echo '          <td id="main_body_br"></td>' . "\n";
  435.  
  436. }
  437.  
  438.  
  439.  
  440. echo '  </tr>' . "\n";
  441.  
  442.  
  443.  
  444. echo '</table>' . "\n";
  445.  
  446.  
  447.  
  448.  
  449.  
  450. if ($tpl->modcount('user1') || $tpl->modcount('user2') || $tpl->modcount('user3')) {
  451.  
  452.         echo '                  <div class="gap"></div>' . "\n";
  453.  
  454.         $tpl->echo_positions('', 'user1', 'user2', 'user3');
  455.  
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462. if ($tpl->modcount('user4') || $tpl->modcount('user5') || $tpl->modcount('user6')) {
  463.  
  464.         echo '                  <div class="gap"></div>' . "\n";
  465.  
  466.         echo '                  <table cellspacing="0" cellpadding="0" width="100%">' . "\n";
  467.  
  468.         echo '                          <tr>' . "\n";
  469.  
  470.         echo '                                  <td id="blue_tl"></td>' . "\n";
  471.  
  472.         echo '                                  <td id="blue_tc"></td>' . "\n";
  473.  
  474.         echo '                                  <td id="blue_tr"></td>' . "\n";
  475.  
  476.         echo '                          </tr>' . "\n";
  477.  
  478.         echo '                          <tr>' . "\n";
  479.  
  480.         echo '                                  <td id="blue_ml"></td>' . "\n";
  481.  
  482.         echo '                                  <td id="blue_mc">' . "\n";
  483.  
  484.         $tpl->echo_positions('', 'user4', 'user5', 'user6');
  485.  
  486.         echo '                                  </td>' . "\n";
  487.  
  488.         echo '                                  <td id="blue_mr"></td>' . "\n";
  489.  
  490.         echo '                          </tr>' . "\n";
  491.  
  492.         echo '                          <tr>' . "\n";
  493.  
  494.         echo '                                  <td id="blue_bl"></td>' . "\n";
  495.  
  496.         echo '                                  <td id="blue_bc"></td>' . "\n";
  497.  
  498.         echo '                                  <td id="blue_br"></td>' . "\n";
  499.  
  500.         echo '                          </tr>' . "\n";
  501.  
  502.         echo '                  </table>' . "\n";
  503.  
  504. }
  505.  
  506.  
  507.  
  508. echo '          </td>' . "\n";
  509.  
  510. echo '  </tr>' . "\n";
  511.  
  512. echo '  <tr>' . "\n";
  513.  
  514. echo '          <td id="r2l"></td>' . "\n";
  515.  
  516. echo '          <td id="r2c"></td>' . "\n";
  517.  
  518. echo '          <td id="r2r"></td>' . "\n";
  519.  
  520. echo '  </tr>' . "\n";
  521.  
  522. echo '  <tr>' . "\n";
  523.  
  524. echo '          <td id="r2lb"></td>' . "\n";
  525.  
  526. echo '          <td id="r2body" valign="top">' . "\n";
  527.  
  528. $tpl->echo_positions('', 'user7', 'user8', 'user9');
  529.  
  530. echo '          </td>' . "\n";
  531.  
  532. echo '          <td id="r2rb"></td>' . "\n";
  533.  
  534. echo '  </tr>' . "\n";
  535.  
  536. echo '  <tr>' . "\n";
  537.  
  538. echo '          <td id="r3l"></td>' . "\n";
  539.  
  540. echo '          <td id="r3c"></td>' . "\n";
  541.  
  542. echo '          <td id="r3r"></td>' . "\n";
  543.  
  544. echo '  </tr>' . "\n";
  545.  
  546. echo '  <tr>' . "\n";
  547.  
  548. echo '          <td id="r3lb"></td>' . "\n";
  549.  
  550. echo '          <td id="r3body" valign="top">' . "\n";
  551.  
  552. $tpl->echo_positions('', 'bottom', 'footer');
  553.  
  554. echo '          </td>' . "\n";
  555.  
  556. echo '          <td id="r3rb"></td>' . "\n";
  557.  
  558. echo '  </tr>' . "\n";
  559.  
  560. echo '  <tr>' . "\n";
  561.  
  562. echo '          <td id="r4l"></td>' . "\n";
  563.  
  564. echo '          <td id="r4c"></td>' . "\n";
  565.  
  566. echo '          <td id="r4r"></td>' . "\n";
  567.  
  568. echo '  </tr>' . "\n";
  569.  
  570. echo '  <tr>' . "\n";
  571.  
  572. echo '          <td></td>' . "\n";
  573.  
  574. echo '          <td id="r5c" align="center" valign="top">' . "\n";
  575.  
  576. echo '          </td>' . "\n";
  577.  
  578. echo '          <td></td>' . "\n";
  579.  
  580. echo '  </tr>' . "\n";
  581.  
  582. echo '</table>' . "\n";
  583.  
  584. echo '</div>' . "\n";
  585.  
  586.  
  587. echo <<<EOF
  588.  
  589. </body>
  590.  
  591. </html>
  592.  
  593. EOF;
  594.  
  595. ?>
  596.  

+ CSS файл
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. * {
  3.         margin: 0;
  4.         padding: 0;
  5. }
  6.  
  7. html {
  8.         margin-bottom: 1px;
  9.         height: 100% !important;
  10.         height: auto;
  11. }
  12.  
  13. body {
  14.         height: 100%;
  15.         background: #eaf4fb url(../images/layout/back.gif) repeat-x top left;
  16. }
  17.  
  18. .gap {
  19.         width: 10px;
  20.         height: 10px;
  21.         overflow: hidden;
  22. }
  23.  
  24. #spacer1, #spacer2, #spacer3, #spacer4, #spacer5, #spacer6, #spacer7 {
  25.         height: 20px;
  26.         overflow: hidden;
  27. }
  28.  
  29. #top {
  30.         height: 210px;
  31.         overflow: hidden;
  32.         background: #fff url(../images/layout/top_back.gif) repeat-x top left;
  33. }
  34.  
  35.         #top_r1_over {
  36.                 height: 10px;
  37.                 overflow: hidden;
  38.         }
  39.         #top_r1 {
  40.                 height: 30px;
  41.                 overflow: hidden;
  42.         }
  43.         #top_r2_over {
  44.                 height: 25px;
  45.                 overflow: hidden;
  46.         }
  47.         #top_r2 {
  48.                 height: 70px;
  49.                 overflow: hidden;
  50.         }
  51.         #top_r3_over {
  52.                 height: 10px;
  53.                 overflow: hidden;
  54.         }
  55.         #top_r3 {
  56.                 height: 51px;
  57.                 overflow: hidden;
  58.         }
  59.  
  60.  
  61. #r1lb {
  62.         width: 32px;
  63.         overflow: hidden;
  64.         background: url(../images/layout/r1lb.gif) repeat-y top left;
  65. }
  66.  
  67. #r1rb {
  68.         width: 32px;
  69.         overflow: hidden;
  70.         background: url(../images/layout/r1rb.gif) repeat-y top left;
  71. }
  72.  
  73. #r1body {
  74.         background-color: #fff;
  75. }
  76.  
  77. #r2l {
  78.         height: 16px;
  79.         overflow: hidden;
  80.         background: url(../images/layout/r2l.gif) no-repeat top left;
  81. }
  82. #r2c {
  83.         height: 16px;
  84.         overflow: hidden;
  85.         background: url(../images/layout/r2c.gif) repeat-x top left;
  86. }
  87. #r2r {
  88.         height: 16px;
  89.         overflow: hidden;
  90.         background: url(../images/layout/r2r.gif) no-repeat top left;
  91. }
  92.  
  93. #r2lb {
  94.         width: 32px;
  95.         overflow: hidden;
  96.         background: url(../images/layout/r2lb.gif) repeat-y top left;
  97. }
  98. #r2body {
  99.         background-color: #34b4e6;
  100. }
  101. #r2rb {
  102.         width: 32px;
  103.         overflow: hidden;
  104.         background: url(../images/layout/r2rb.gif) repeat-y top left;
  105. }
  106.  
  107. #r3l {
  108.         height: 17px;
  109.         overflow: hidden;
  110.         background: url(../images/layout/r3l.gif) no-repeat top left;
  111. }
  112. #r3c {
  113.         height: 17px;
  114.         overflow: hidden;
  115.         background: url(../images/layout/r3c.gif) repeat-x top left;
  116. }
  117. #r3r {
  118.         height: 17px;
  119.         overflow: hidden;
  120.         background: url(../images/layout/r3r.gif) no-repeat top left;
  121. }
  122.  
  123. #r3lb {
  124.         width: 32px;
  125.         overflow: hidden;
  126.         background: url(../images/layout/r3lb.gif) repeat-y top left;
  127. }
  128. #r3body {
  129.         background-color: #258fcd;
  130. }
  131. #r3rb {
  132.         width: 32px;
  133.         overflow: hidden;
  134.         background: url(../images/layout/r3rb.gif) repeat-y top left;
  135. }
  136.  
  137. #r4l {
  138.         height: 27px;
  139.         overflow: hidden;
  140.         background: url(../images/layout/r4l.gif) no-repeat top left;
  141. }
  142. #r4c {
  143.         height: 27px;
  144.         overflow: hidden;
  145.         background: url(../images/layout/r4c.gif) repeat-x top left;
  146. }
  147. #r4r {
  148.         height: 27px;
  149.         overflow: hidden;
  150.         background: url(../images/layout/r4r.gif) no-repeat top left;
  151. }
  152.  
  153. #r5c {
  154.         padding-top: 20px;
  155.         padding-bottom: 20px;
  156. }
  157.  
  158. #main_path_l {
  159.         width: 15px;
  160.         height: 38px;
  161.         overflow: hidden;
  162.         background: url(../images/layout/main_path_l.gif) no-repeat top left;
  163. }
  164. #main_path_c {
  165.         height: 38px;
  166.         overflow: hidden;
  167.         background: url(../images/layout/main_path_c.gif) repeat-x top left;
  168. }
  169. #main_path_r {
  170.         width: 15px;
  171.         height: 38px;
  172.         overflow: hidden;
  173.         background: url(../images/layout/main_path_r.gif) no-repeat top left;
  174. }
  175.  
  176. #main_body_tl, #main_body_tr, #main_body_bl, #main_body_br,
  177. #main_left_tl, #main_left_tr, #main_left_bl, #main_left_br,
  178. #main_right_tl, #main_right_tr, #main_right_bl, #main_right_br {
  179.         width: 15px;
  180.         height: 15px;
  181.         overflow: hidden;
  182. }
  183.  
  184. #main_body_tc, #main_body_bc,
  185. #main_left_tc, #main_left_bc,
  186. #main_right_tc, #main_right_bc {
  187.         height: 15px;
  188.         overflow: hidden;
  189. }
  190.  
  191. #main_body_ml, #main_body_mr,
  192. #main_left_ml, #main_left_mr,
  193. #main_right_ml, #main_right_mr {
  194.         width: 15px;
  195.         overflow: hidden;
  196. }
  197.  
  198. #main_left_tr, #main_left_mr, #main_left_br,
  199. #main_right_tl, #main_right_ml, #main_right_bl {
  200.         width: 30px;
  201. }
  202.  
  203. #main_body_tl { background: url(../images/layout/main_body_tl.gif) no-repeat top left; }
  204. #main_body_tc { background: url(../images/layout/main_body_tc.gif) repeat-x top left; }
  205. #main_body_tr { background: url(../images/layout/main_body_tr.gif) no-repeat top left; }
  206. #main_body_ml { background: url(../images/layout/main_body_ml.gif) repeat-y top left; }
  207. #main_body_mc { background-color: #fff; }
  208. #main_body_mr { background: url(../images/layout/main_body_mr.gif) repeat-y top left; }
  209. #main_body_bl { background: url(../images/layout/main_body_bl.gif) no-repeat top left; }
  210. #main_body_bc { background: url(../images/layout/main_body_bc.gif) repeat-x top left; }
  211. #main_body_br { background: url(../images/layout/main_body_br.gif) no-repeat top left; }
  212.  
  213. #main_left_tl { background: url(../images/layout/main_left_tl.gif) no-repeat top left; }
  214. #main_left_tc { background: url(../images/layout/main_left_tc.gif) repeat-x top left; }
  215. #main_left_tr { background: url(../images/layout/main_left_tr.gif) no-repeat top left; }
  216. #main_left_ml { background: url(../images/layout/main_left_ml.gif) repeat-y top left; }
  217. #main_left_mc { background-color: #ddf4ff; width: 165px; } /* left_width */
  218. #main_left_mr { background: url(../images/layout/main_left_mr.gif) repeat-y top left; }
  219. #main_left_bl { background: url(../images/layout/main_left_bl.gif) no-repeat top left; }
  220. #main_left_bc { background: url(../images/layout/main_left_bc.gif) repeat-x top left; }
  221. #main_left_br { background: url(../images/layout/main_left_br.gif) no-repeat top left; }
  222.  
  223. #main_right_tl { background: url(../images/layout/main_right_tl.gif) no-repeat top left; }
  224. #main_right_tc { background: url(../images/layout/main_right_tc.gif) repeat-x top left; }
  225. #main_right_tr { background: url(../images/layout/main_right_tr.gif) no-repeat top left; }
  226. #main_right_ml { background: url(../images/layout/main_right_ml.gif) repeat-y top left; }
  227. #main_right_mc { background-color: #ddf4ff; } /* right_width */
  228. #main_right_mr { background: url(../images/layout/main_right_mr.gif) repeat-y top left; }
  229. #main_right_bl { background: url(../images/layout/main_right_bl.gif) no-repeat top left; }
  230. #main_right_bc { background: url(../images/layout/main_right_bc.gif) repeat-x top left; }
  231. #main_right_br { background: url(../images/layout/main_right_br.gif) no-repeat top left; }
  232.  
  233. #blue_tl {
  234.         width: 16px;
  235.         height: 16px;
  236.         overflow: hidden;
  237.         background: url(../images/layout/blue_tl.gif) no-repeat top left;
  238. }
  239. #blue_tc {
  240.         height: 16px;
  241.         overflow: hidden;
  242.         background: url(../images/layout/blue_tc.gif) repeat-x top left;
  243. }
  244. #blue_tr {
  245.         width: 16px;
  246.         height: 16px;
  247.         overflow: hidden;
  248.         background: url(../images/layout/blue_tr.gif) no-repeat top left;
  249. }
  250. #blue_ml {
  251.         width: 16px;
  252.         overflow: hidden;
  253.         background: url(../images/layout/blue_ml.gif) repeat-y top left;
  254. }
  255. #blue_mc {
  256.         background-color: #ddf4ff;
  257. }
  258. #blue_mr {
  259.         width: 16px;
  260.         overflow: hidden;
  261.         background: url(../images/layout/blue_mr.gif) repeat-y top left;
  262. }
  263. #blue_bl {
  264.         width: 16px;
  265.         height: 16px;
  266.         overflow: hidden;
  267.         background: url(../images/layout/blue_bl.gif) no-repeat top left;
  268. }
  269. #blue_bc {
  270.         height: 16px;
  271.         overflow: hidden;
  272.         background: url(../images/layout/blue_bc.gif) repeat-x top left;
  273. }
  274. #blue_br {
  275.         width: 16px;
  276.         height: 16px;
  277.         overflow: hidden;
  278.         background: url(../images/layout/blue_br.gif) no-repeat top left;
  279. }
  280.  
  281. #r2body .gap {
  282.         width: 25px;
  283.         background: url(../images/layout/splitter.gif) no-repeat center center;
  284. }
  285.  
  286.  
  287.  
  288. .ddp1_tl, .ddp1_tc, .ddp1_tr, .ddp1_ml, .ddp1_content, .ddp1_mr, .ddp1_bl, .ddp1_bc, .ddp1_br, .ddp1_tag_l, .ddp1_tag, .ddp1_tag_r {
  289.         background: #d3e7f1;
  290. }
  291. .ddp1_tc {
  292.         height: 12px;
  293. }
  294. .ddp1_bl {
  295.         width: 12px;
  296.         height: 12px;
  297.         background: url(../images/layout/ddp1_bl.gif) no-repeat top left;
  298. }
  299. .ddp1_br {
  300.         width: 12px;
  301.         height: 12px;
  302.         background: url(../images/layout/ddp1_br.gif) no-repeat top left;
  303. }
  304. .ddp1_tag_l {
  305.         width: 17px;
  306.         height: 18px;
  307.         background: url(../images/layout/ddp1_left.gif) no-repeat top left;
  308. }
  309. .ddp1_tag_r {
  310.         width: 17px;
  311.         height: 18px;
  312.         background: url(../images/layout/ddp1_right.gif) no-repeat top left;
  313. }
  314. .ddp1_tag {
  315.         background: #d3e7f1 url(../images/layout/ddp1_bullet.gif) no-repeat 0px 6px;
  316. }
  317. .ddp1_tag h3 {
  318.         text-indent: 12px;
  319.         color: #258fcc;
  320.         font-weight: normal;
  321.         font-size: 11px;
  322.         height: 18px;
  323.         line-height: 18px;
  324.         margin: 0;
  325.         padding: 0;
  326. }
  327. .ddp1_content {
  328. }
  329.  
  330.  
  331. .ddp2_tl { background: url(../images/layout/ddp2_tl.gif) no-repeat top left; }
  332. .ddp2_tc { background: url(../images/layout/ddp2_tc.gif) repeat-x top left; }
  333. .ddp2_tr { background: url(../images/layout/ddp2_tr.gif) no-repeat top left; }
  334. .ddp2_ml { background: url(../images/layout/ddp2_ml.gif) repeat-y top left; }
  335. .ddp2_mr { background: url(../images/layout/ddp2_mr.gif) repeat-y top left; }
  336. .ddp2_bl { background: url(../images/layout/ddp2_bl.gif) no-repeat top left; }
  337. .ddp2_bc { background: url(../images/layout/ddp2_bc.gif) repeat-x top left; }
  338. .ddp2_br { background: url(../images/layout/ddp2_br.gif) no-repeat top left; }
  339. .ddp2_tl, .ddp2_tr, .ddp2_bl, .ddp2_br {
  340.         width: 12px;
  341.         height: 12px;
  342. }
  343. .ddp2_ml, .ddp2_mr {
  344.         width: 12px;
  345. }
  346. .ddp2_tc, .ddp2_bc {
  347.         height: 12px;
  348. }
  349. .ddp2_tag_l {
  350.         width: 15px;
  351.         height: 14px;
  352.         background: url(../images/layout/ddp2_left.gif) no-repeat top left;
  353. }
  354. .ddp2_tag_r {
  355.         width: 15px;
  356.         height: 14px;
  357.         background: url(../images/layout/ddp2_right.gif) no-repeat top left;
  358. }
  359. .ddp2_tag {
  360.         background: #35b4e7 url(../images/layout/ddp2_bullet.gif) no-repeat 0px 4px;
  361. }
  362. .ddp2_tag h3 {
  363.         text-indent: 12px;
  364.         color: #fff;
  365.         font-weight: normal;
  366.         font-size: 11px;
  367.         height: 14px;
  368.         line-height: 14px;
  369.         margin: 0;
  370.         padding: 0;
  371. }
  372. .ddp2_content {
  373.         background: #35b4e7;
  374. }
  375.  
  376.  

(Отредактировано автором: 09 Октября, 2010 - 17:14:56)

 
 Top
Иларион
Отправлено: 04 Января, 2011 - 12:52:10
Post Id



Новичок


Покинул форум
Сообщений всего: 44
Дата рег-ции: Окт. 2009  
Откуда: Санкт-Петербург


Помог: 0 раз(а)

[+][+]
А помочь на основе дружбы и доверия или на финансово-коммерческой основе?


-----
Создаю сайты. Обсудим? http://vkontakte.ru/illarion
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« FreeLance »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB