СОздание левого блока

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем 3xwww, 15.11.2007.

  1. Offline

    3xwww Недавно здесь

    Регистрация:
    25.10.2007
    Сообщения:
    14
    Симпатии:
    1
    пожалуста подскажите что и куда надо вставить чтобы можно было создать левую калонку или блок.
    и вот php файл сам.
    Код (CODE):
    1. <?php
    2. //defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
    3. //$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    4.  
    5. ?>
    6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    7. <html xmlns="http://www.w3.org/1999/xhtml">
    8. <head>
    9. <?php
    10. if ( $my->id ) {
    11.     initEditor();
    12. }
    13. $menu_name = "mainmenu";                 // mainmenu by default,you can use any joomla menu name
    14. $style_panel = "true";                  // true | false
    15. $default_style = 1;                    // default page style  (1 or 2)
    16.  
    17. require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/gk_suckerfish.php");
    18. require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/gk_setup.php");
    19.  
    20. ?>
    21. <?php mosShowHead(); ?>
    22. <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    23. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet"  type="text/css" />
    24. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/suckerfish.css" rel="stylesheet"  type="text/css" />
    25. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/style1.css" rel="stylesheet"  type="text/css" />
    26. <?php
    27.     if(isset($_COOKIE['gk7_temp_style'])){
    28.         switch($_COOKIE['gk7_temp_style']){
    29.             case 1:echo '<link href="'.$mosConfig_live_site.'/templates/'.$mainframe->getTemplate().'/css/style1.css" rel="stylesheet" type="text/css" />';break;
    30.             case 2:echo '<link href="'.$mosConfig_live_site.'/templates/'.$mainframe->getTemplate().'/css/style2.css" rel="stylesheet" type="text/css" />';break;
    31.         }
    32.  
    33.         $style = $_COOKIE['gk7_temp_style'];
    34.     }
    35.     else{
    36.         echo '<link href="'.$mosConfig_live_site.'/templates/'.$mainframe->getTemplate().'/css/style'.$default_style.'.css" rel="stylesheet" type="text/css" />';
    37.         $style = 1;
    38.     }
    39. ?>
    40. <!--[if IE 6]>
    41. <style type="text/css">
    42. img { behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->
    43. getTemplate(); ?>/css/iepngfix.htc); }
    44. a.readon  {
    45. background: none;
    46. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->
    47. getTemplate(); ?>/images/corporation_but-readmore.png", sizingMethod="crop");}
    48. </style>
    49. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->
    50. getTemplate(); ?>/css/ie6_css.css" rel="stylesheet" type="text/css" />
    51. <![endif]-->
    52. <!--[if IE 7]>
    53. <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->
    54. getTemplate(); ?>/css/ie7_css.css" rel="stylesheet" type="text/css" />
    55. <![endif]-->
    56. <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/mootools.js"></script>
    57. <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/template_scripts.js"></script>
    58. <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/gk_blocksfix.js"></script>
    59. <script type="text/javascript">
    60.     var gk7_path = '<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/';
    61. </script>
    62. </head>
    63. <body id="bg">
    64. <div id="upWrap">
    65.   <div id="downWrap">
    66.     <div id="centerWrap">
    67.       <div id="topWrap"><a href="./" id="logo"></a>
    68.         <div id="flashWrap">
    69.           <?php mosLoadModules('newsflash', -1); ?>
    70.         </div>
    71.       </div>
    72.       <div id="memberWrap">
    73.         <?php if (mosCountModules('advert1')) : ?>
    74.         <div id="modLogin">
    75.           <?php mosLoadModules('advert1', -1); ?>
    76.         </div>
    77.         <?php endif; ?>
    78.         <?php if (mosCountModules('advert2')) : ?>
    79.         <div id="modSearch">
    80.           <?php mosLoadModules('advert2', -1); ?>
    81.         </div>
    82.         <?php endif; ?>
    83.       </div>
    84.       <div id="menu">
    85.         <div id="horiz-menu">
    86.           <?php mosShowListMenu($menu_name); ?>
    87.         </div>
    88.          </div>
    89.       <div id="contentWrap">
    90.         <?php if (mosCountModules('user1') or mosCountModules('user2') or mosCountModules('user3')) : ?>
    91.         <div id="user_position-1">
    92.           <?php if (mosCountModules('user1')) : ?>
    93.           <div class="<?php echo $u1; ?>">
    94.             <?php mosLoadModules('user1', -2); ?>
    95.           </div>
    96.           <?php endif; ?>
    97.           <?php if (mosCountModules('user2')) : ?>
    98.           <div class="<?php echo $u2; ?>">
    99.             <?php mosLoadModules('user2', -2); ?>
    100.           </div>
    101.           <?php endif; ?>
    102.           <?php if (mosCountModules('user3')) : ?>
    103.           <div class="<?php echo $u3; ?>">
    104.             <?php mosLoadModules('user3', -2); ?>
    105.           </div>
    106.           <?php endif; ?>
    107.             </div>
    108.         </div>
    109.               <?php endif; ?>
    110.         <div id="l_w<?php echo $lw ?>">
    111.           <?php if (mosCountModules('banner')) : ?>
    112.           <div class="us-def">
    113.             <?php mosLoadModules('banner', -2); ?>
    114.           </div>
    115.           <?php endif; ?>
    116.           <?php if (mosCountModules('user4') or mosCountModules('user5')) : ?>
    117.           <div id="user_position-2">
    118.             <?php if (mosCountModules('user4')) : ?>
    119.             <div class="<?php echo $u4; ?>">
    120.               <?php mosLoadModules('user4', -2); ?>
    121.             </div>
    122.             <?php endif; ?>
    123.             <?php if (mosCountModules('user5')) : ?>
    124.             <div class="<?php echo $u5; ?>">
    125.               <?php mosLoadModules('user5', -2); ?>
    126.             </div>
    127.             <?php endif; ?>
    128.               <div class="clearfix"></div>
    129.           </div>
    130.           <?php endif; ?>
    131.           <?php if (mosCountModules('user7') or mosCountModules('user8')) : ?>
    132.           <div id="user_position-3">
    133.             <?php if (mosCountModules('user7')) : ?>
    134.             <div class="<?php echo $u7; ?>">
    135.               <?php mosLoadModules('user7', -2); ?>
    136.             </div>
    137.             <?php endif; ?>
    138.             <?php if (mosCountModules('user8')) : ?>
    139.             <div class="<?php echo $u8; ?>">
    140.               <?php mosLoadModules('user8', -2); ?>
    141.             </div>
    142.             <?php endif; ?>
    143.             <div class="clearfix"></div>
    144.           </div>
    145.           <?php endif; ?>
    146.           <div id="mainbody">
    147.             <?php mosMainBody(); ?>
    148.           </div>
    149.           <!--leftWrap-->
    150.         </div>
    151.         <?php if (mosCountModules('right')) : ?>
    152.         <div id="r_w">
    153.           <?php mosLoadModules('right', -2); ?>
    154.           <!--r-w -->
    155.         </div> <div class="clearfix"></div>
    156.         <?php endif; ?>
    157.         <?php if (mosCountModules('user10') or mosCountModules('user11') or mosCountModules('user12')) : ?>
    158.         <div id="user_position-4">
    159.           <?php if (mosCountModules('user10')) : ?>
    160.           <div class="<?php echo $u10; ?>">
    161.             <?php mosLoadModules('user10', -2); ?>
    162.           </div>
    163.           <?php endif; ?>
    164.           <?php if (mosCountModules('user11')) : ?>
    165.           <div class="<?php echo $u11; ?>">
    166.             <?php mosLoadModules('user11', -2); ?>
    167.           </div>
    168.           <?php endif; ?>
    169.           <?php if (mosCountModules('user12')) : ?>
    170.           <div class="<?php echo $u12; ?>">
    171.             <?php mosLoadModules('user12', -2); ?>
    172.           </div>
    173.           <?php endif; ?>
    174.         </div>
    175.         <div class="clearfix"></div>
    176.         <?php endif; ?>
    177.         <?php if (mosCountModules('user13') or mosCountModules('user14') or mosCountModules('user15')) : ?>
    178.         <div id="user_position-5">
    179.           <?php if (mosCountModules('user13')) : ?>
    180.           <div class="<?php echo $u13; ?>">
    181.             <?php mosLoadModules('user13', -2); ?>
    182.           </div>
    183.           <?php endif; ?>
    184.           <?php if (mosCountModules('user14')) : ?>
    185.           <div class="<?php echo $u14; ?>">
    186.             <?php mosLoadModules('user14', -2); ?>
    187.           </div>
    188.           <?php endif; ?>
    189.           <?php if (mosCountModules('user15')) : ?>
    190.           <div class="<?php echo $u15; ?>">
    191.             <?php mosLoadModules('user15', -2); ?>
    192.           </div>
    193.           <?php endif; ?>
    194.         </div>
    195.         <div class="clearfix"></div>
    196.         <?php endif; ?>
    197.       </div>
    198.     </div>
    199.   </div>
    200.   <div id="footer"> <a href="#bg" id="top"></a>
    201.     <?php if ($style_panel == "true") : ?>
    202.     <div id="stylearea">
    203.        <a href="#" class="style_switcher" id="st_icon-0"></a>
    204.        <a href="#" class="style_switcher" id="st_icon-1"></a>
    205.        <a href="#" class="style_switcher" id="st_icon-2"></a>
    206.     </div>
    207.     <?php endif; ?>
    208.     <span id="info">
    209.     <?php include_once('gk_footer.php'); ?>
    210.     </span> </div>
    211.    <?php mosLoadModules( 'debug', -1 );?>
    212. </div>
    213. </body>
    214. </html>
     
  2.  
  3. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    Ответ: СОздание левого блока

    А CSS де потерял?

    <div id="l_w<?php echo $lw ?>"> - это и есть левая кАлонка
     
  4. Offline

    3xwww Недавно здесь

    Регистрация:
    25.10.2007
    Сообщения:
    14
    Симпатии:
    1
    Ответ: СОздание левого блока

    извиняюсь воть
    ааа, теперь понятно. а что надо зделать чтобы вчето ниже пишиться было по центру а не с лева тоетсь вот это слева стоит вместо левого блока.
    <?php if (mosCountModules('banner')) : ?>
    <div class="us-def">
    <?php mosLoadModules('banner', -2); ?>
    </div>
    <?php endif; ?>
    <?php if (mosCountModules('user4') or mosCountModules('user5')) : ?>
    <div id="user_position-2">
    <?php if (mosCountModules('user4')) : ?>
    <div class="<?php echo $u4; ?>">
    <?php mosLoadModules('user4', -2); ?>
    </div>
    <?php endif; ?>
    <?php if (mosCountModules('user5')) : ?>
    <div class="<?php echo $u5; ?>">
    <?php mosLoadModules('user5', -2); ?>
    </div>
    Код (CODE):
    1. html {
    2.     height: 100%;
    3.     margin-bottom: 1px;
    4. }
    5. body {
    6.     margin: 0;
    7.     padding: 0;
    8.     height: 100%;
    9. }
    10. #bg {
    11.     font: normal 12px Arial, Helvetica, sans-serif;
    12. }
    13. img {
    14.     border: none;
    15. }
    16. a {
    17.     outline: none;
    18. }
    19. a:link, a:visited {
    20.     text-decoration: none;
    21. }
    22. a:hover {
    23.     text-decoration: underline;
    24. }
    25. ul {
    26.     padding: 0 0 0 2px;
    27.     margin: 0;
    28.     list-style-type: disc;
    29.     margin-left:13px;
    30. }
    31. ul li {
    32.     list-style-type: none;
    33.     list-style-position: outside;
    34. }
    35. ul li:hover {
    36.     list-style-type: none;
    37.     list-style-position: outside;
    38. }
    39. ol {
    40.     margin-top: 5px;
    41.     margin-bottom: 15px;
    42. }
    43. ol li {
    44.     margin-left: 0;
    45.     line-height: 170%;
    46. }
    47. fieldset {
    48.     border: 0;
    49.     padding: 5px 0;
    50. }
    51. h1 {
    52.     font-size: 200%;
    53. }
    54. h2 {
    55.     font-size: 180%;
    56. }
    57. h3 {
    58.     font-size: 160%;
    59. }
    60. h4 {
    61.     font-size: 140%;
    62. }
    63. h5 {
    64.     font-size: 120%;
    65. }
    66. h6 {
    67.     font-size: 110%;
    68. }
    69. p {
    70.     margin: 10px 0 10px;
    71. }
    72. th {
    73.     padding: 4px;
    74.     font-weight: bold;
    75.     text-align: left;
    76. }
    77. fieldset {
    78.     border: none;
    79. }
    80. fieldset a {
    81.     font-weight: bold;
    82. }
    83. input, select {
    84.     font: normal 12px Arial, Helvetica, sans-serif;
    85. }
    86. .clearfix {
    87.     clear: both;
    88. }
    89. /* Major Blocks
    90. -------------------------------------------------------------------------------*/
    91. div#upWrap {
    92.     width: 947px;
    93.     margin: 0 auto;
    94.     padding: 0;
    95.     text-align: left;
    96.     position: relative;
    97.     top: 30px;
    98.     padding-bottom: 30px;
    99.     background: url('../images/corporation_upWrap.png') no-repeat 0 top;
    100. }
    101. div#downWrap {
    102.     padding: 0;
    103.     margin: 0;
    104.     padding-bottom: 28px;
    105.     background: url('../images/corporation_downWrap.png') no-repeat 0 bottom;
    106. }
    107. div#centerWrap {
    108.     position: relative;
    109.     top: 14px;
    110.     padding: 0;
    111.     background: url('../images/corporation_centerWrap.png') repeat-y 0 top;
    112. }
    113. div#topWrap {
    114.     width: 909px;
    115.     margin: 0 auto;
    116.     height: 82px;
    117. }
    118. #logo {
    119.     display: block;
    120.     width: 342px;
    121.     height: 82px;
    122.     float: left;
    123. }
    124. div#flashWrap {
    125.     height: 62px;
    126.     padding: 10px 0 10px 0;
    127.     width: 547px;
    128.     float: right;
    129.     overflow: hidden;
    130. }
    131. div#memberWrap {
    132.     clear: both;
    133.     width: 935px;
    134.     margin: 0 auto;
    135.     padding: 0;
    136.     overflow: hidden;
    137.     height: 40px;
    138.     background: url('../images/corporation_member-bg.png') repeat-x 0 0;
    139. }
    140. #modLogin {
    141.     float: left;
    142.     height: 40px;
    143.     margin-left: 13px;
    144.     padding-left: 30px;
    145.     background: url('../images/corporation_icon-members.png') no-repeat 0 0;
    146. }
    147. #modSearch {
    148.     float: right;
    149.     height: 40px;
    150.     margin-right: 13px;
    151. }
    152. div#menu {
    153.     clear: both;
    154.     width: 935px;
    155.     margin: 0 auto;
    156.     padding: 0;
    157.     background: url('../images/corporation_menu-bg.png') repeat-x 0 0;
    158. }
    159. div#contentWrap {
    160.     width: 909px;
    161.     margin: 0 auto;
    162.     margin-top: 23px;
    163. }
    164. div#leftWrap {
    165.     float: left;
    166.     width: 70%;
    167. }
    168. div#l_w-1 {
    169.     float: left;
    170.     width: 603px;
    171.     margin-right: 10px;
    172.     overflow: hidden;
    173. }
    174. div#l_w-2 {
    175.     width:100%;
    176. }
    177. div#r_w {
    178.     float: right;
    179.     width: 296px;
    180.     overflow: hidden;
    181. }
    182. div#mainbody {
    183.     clear: both;
    184.     margin-bottom: 10px;
    185. }
    186. /* Login Module
    187. --------------------------------------------------------------------------------*/
    188. #mod_log {
    189.     line-height: 40px;
    190. }
    191. #mod_log label {
    192.     padding-right: 6px;
    193. }
    194. input#mod_login_username, input#mod_login_password {
    195.     border: none;
    196.     width: 165px;
    197.     height: 18px;
    198.     padding-left: 6px;
    199.     line-height: 18px;
    200.     margin-right: 6px;
    201.    
    202. }
    203. div#modLogin form input.button {
    204.     padding: 0 0 1px 8px;
    205.     margin: 0 12px 0 3px;
    206.     border: none;
    207.     outline: none;
    208.     width:  88px;
    209.     height: 21px;
    210.     line-height: 21px;
    211.     font-weight: bold;
    212.     background: url('../images/corporation_but-log.png') no-repeat 0 0;
    213. }
    214. #but-lost, #but-reg {
    215.     width:18px;
    216.     height: 18px;
    217. }
    218. a.loreg {
    219.     height: 40px;
    220.     position: relative;
    221.     top: 5px;
    222.     padding-right: 3px;
    223. }
    224. /* Search module
    225. --------------------------------------------------------------------------------*/
    226. div.search {
    227.     line-height: 40px;
    228.     padding-top: 10px;
    229. }
    230. input#mod_search_searchword {
    231.     border: none;
    232.     width: 165px;
    233.     height: 18px;
    234.     padding-left: 6px;
    235.     line-height: 18px;
    236. }
    237. /* Setup value of users position 1
    238. ----------------------------------------------------------------------------------*/
    239. div#user_position-1, div#user_position-2, div#user_position-3, div#user_position-4, div#user_position-5 {
    240.     clear: both;
    241. }
    242. div.us_1-left, div.us_1-right, div.us_1-center, div.us_4-left, div.us_4-right, div.us_4-center, div.us_5-left, div.us_5-right, div.us_5-center {
    243.     float: left;
    244.     width: 33.3%;
    245. }
    246. div.us_2-left, div.us_2-right, div.us_2-center, div.us_3-left, div.us_3-right, div.us_3-center {
    247.     float: left;
    248.     width: 50%;
    249. }
    250. div.us-def {
    251.     clear: both;
    252.     width: 100%;
    253. }
    254. /* Footer
    255. -------------------------------------------------------------------------------*/
    256. div#footer {
    257.     padding: 10px 0;
    258.     margin-bottom: 10px;
    259. }
    260. span#info {
    261.     float: left;
    262.     text-align: center;
    263.     font-size: 10px;
    264.     margin: 0 0 0 205px;
    265. }
    266. span#info a {
    267.     font-size: 11px;
    268. }
    269. a#top {
    270.     float: left;
    271.     width: 18px;
    272.     height: 18px;
    273.     margin: 0 0 0 5px;
    274.     background: url('../images/atop.png') no-repeat 100% 50%;
    275. }
    276. div#stylearea {
    277.     float: left;
    278.     margin: 0;
    279. }
    280. .style_switcher {
    281.     float: left;
    282.     margin-left: 6px;
    283. }
    284. #st_icon-0, #st_icon-1, #st_icon-2, #st_icon-3 {
    285.     display: block;
    286.     float: left;
    287.     width: 18px;
    288.     height: 18px;
    289. }
    290. #st_icon-0 {
    291.     background: url('../images/tools.png') no-repeat 100% 50%;
    292. }
    293. #st_icon-1 {
    294.     background: url('../images/icon-style1.png') no-repeat 100% 50%;
    295. }
    296. #st_icon-2 {
    297.     background: url('../images/icon-style2.png') no-repeat 100% 50%;
    298. }
    299. #st_icon-3 {
    300.     background: url('../images/icon-style3.png') no-repeat 100% 50%;
    301. }
    302. /* Jjoomla
    303. ------------------------------------------------------------------------------*/
    304. .contentheading, .contentpaneopen h2 {
    305.     font: normal 16px Arial, Helvetica, sans-serif;
    306. }
    307. .componentheading {
    308.     font: normal 16px Arial, Helvetica, sans-serif;
    309. }
    310. .contentheading a:link, .contentheading a:visited {
    311.     font: normal 16px Arial, Helvetica, sans-serif;
    312. }
    313. .small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
    314.     font: normal 10px Arial, Helvetica, sans-serif;
    315. }
    316. a.readon {
    317.     font: bold 12px Arial, Helvetica, sans-serif;
    318. }
    319. table.contenttoc th {
    320.     font: normal 12px Arial, Helvetica, sans-serif;
    321. }
    322. .sectiontableheader {
    323.     font: normal 14px Arial, Helvetica, sans-serif;
    324. }
    325. .pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
    326.     padding: 0 2px;
    327.     font: normal 12px Arial, Helvetica, sans-serif;
    328. }
    329. a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
    330. }
    331. a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
    332. }
    333. div#newsflash table td {
    334.     font: normal 12px Arial, Helvetica, sans-serif;
    335. }
    336. /*joomla style-----------------------------------------------*/
    337. .contentheading {
    338. }
    339. .contentheading a:link, .contentheading a:visited {
    340.     text-decoration: none;
    341. }
    342. .contentheading a:hover {
    343. }
    344. .contentpaneopen h2 {
    345.     padding: 0;
    346.     margin: 0;
    347. }
    348. .small, .modifydate, .createdate, .mosimage_caption {
    349. }
    350. .smalldark {
    351.     text-align: left;
    352. }
    353. div.syndicate div {
    354.     text-align: center;
    355. }
    356. .modifydate {
    357.     padding-top: 6px;
    358. }
    359. .pagenavcounter {
    360.     float: right;
    361. }
    362. .mosimage_caption {
    363.     padding-top: 3px;
    364.     padding-bottom: 3px;
    365. }
    366. .componentheading {
    367.     text-align: left;
    368.     margin-bottom: 10px;
    369.     line-height: 30px;
    370.     height: 30px;
    371. }
    372. td.contentdescription {
    373.     font-size: 110%;
    374. }
    375. table.blog span.article_seperator {
    376.     display: block;
    377.     height: 20px;
    378. }
    379. table.contenttoc {
    380.     margin: 0 0 10px 10px;
    381.     padding: 10px 0 12px 0;
    382.     width: 200px;
    383. }
    384. table.contenttoc td {
    385.     padding: 1px 5px 2px 18px;
    386. }
    387. table.contenttoc td a:link, table.contenttoc td a:visited {
    388. }
    389. table.contenttoc td a:hover {
    390. }
    391. table.contenttoc th {
    392.     padding: 0px 4px 6px 4px;
    393.     margin-top: 0px;
    394.     text-indent: 14px;
    395.     text-align: left;
    396.     font-size: 16px;
    397. }
    398. .contentpaneopen {
    399.     width: 100%;
    400. }
    401. .contentpaneopen1 {
    402.     width: 100%;
    403. }
    404. table.contentpane {
    405.     width: 100%;
    406.     margin-bottom: 30px;
    407. }
    408. .sectiontableheader {
    409.     line-height: 29px;
    410.     padding: 0 10px;
    411. }
    412. tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
    413.     height: 20px;
    414.     padding: 0 10px;
    415.     line-height: 29px;
    416. }
    417. tr.sectiontableentry1 td, td.sectiontableentry1 {
    418. }
    419. tr.sectiontableentry2 td, td.sectiontableentry2 {
    420. }
    421. tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
    422. }
    423. .highlight {
    424. }
    425. .contentpane {
    426.     width: auto;
    427. }
    428. table.poll {
    429.     padding: 0;
    430.     width: 100%;
    431.     border-collapse: collapse;
    432. }
    433. table.pollstableborder, table.pollstableborder-color1, table.pollstableborder-color2 {
    434.     padding: 0;
    435.     width: 100%;
    436.     border: none;
    437.     text-align: left;
    438. }
    439. table.pollstableborder img, table.pollstableborder-default img, table.pollstableborder-color img {
    440.     vertical-align: baseline;
    441. }
    442. table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder-color1 td.sectiontableentry1-color1, table.pollstableborder-color1 td.sectiontableentry2-color1, table.pollstableborder-color2 td.sectiontableentry1-color2, table.pollstableborder-color2 td.sectiontableentry2-color2, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td, table.pollstableborder-color1 tr.sectiontableentry1-color1 td, table.pollstableborder-color1 tr.sectiontableentry2-color1 td, table.pollstableborder-color2 tr.sectiontableentry1-color2 td, table.pollstableborder-color2 tr.sectiontableentry2-color2 td {
    443.     border-bottom: none;
    444.     height: 20px;
    445.     padding-left: 5px;
    446.     padding-right: 10px;
    447.     line-height: 18px;
    448.     background: none;
    449. }
    450. table.searchintro {
    451.     padding: 10px 0;
    452.     width: 100%;
    453. }
    454. table.searchintro td {
    455.     padding: 5px!important;
    456. }
    457. table.adminform {
    458.     width: 400px!important;
    459. }
    460. .adminform .inputbox {
    461. }
    462. a.readon {
    463.     margin-top: 15px;
    464.     display: block;
    465.     float: left;
    466.     width:  124px;
    467.     height: 21px;
    468.     line-height: 21px;
    469.     padding-left: 34px;
    470. }
    471. a.readon:hover {
    472.     text-decoration: underline;
    473. }
    474. /* Modules
    475. -------------------------------------------------------------------------------- */
    476. div.moduletable, div.moduletable-color1, div.moduletable-color2, div.moduletable-advert {
    477.     font: 100% normal Arial, Helvetica, sans-serif;
    478.     padding: 15px 15px 15px 15px;
    479.     margin: 0px 0px 10px 0px;
    480. }
    481. div.moduletable h3, div.moduletable-color1 h3, div.moduletable-color2 h3 {
    482.     font: normal 16px Arial, Helvetica, sans-serif;
    483.     padding: 0px 15px 0 0;
    484.     margin: -12px 0 10px 0;
    485.     line-height: 30px;
    486.     height: 30px;
    487. }
    488. /* Module variations
    489. --------------------------------------------------------------------------------*/
    490. div.moduletable-color1 {
    491. }
    492. div.moduletable-color1 h3 {
    493. }
    494. div.moduletable-color2 {
    495. }
    496. div.moduletable-color2 h3 {
    497. }
    498. div.moduletable-color2 a {
    499. }
    500. div.moduletable-tab, div.moduletable-tab1 {
    501.     background: none;
    502.     border: none;
    503.     margin: 0px 0px 10px 0px;
    504.     padding: 6px 0 0px 0;
    505. }
    506. div.moduletable-advert {
    507.     background: none;
    508.     text-align: center;
    509.     padding: 5px;
    510. }
    511. div.moduletable-advert h3 {
    512.     font: 10px normal Arial, Helvetica, sans-serif;
    513.     text-transform: lowercase;
    514.     margin: -11px 0 2px 0;
    515.     width: 80px;
    516.     line-height: 10px;
    517. }
    518. /* Tabs module
    519. --------------------------------------------------------------------------------*/
    520. div.gk_tabmods {
    521. }
    522. ul.gk_tabmodsmenu_top {
    523.     list-style-type: none;
    524.     position: relative;
    525. }
    526. ul.gk_tabmodsmenu_down {
    527.     list-style-type: none;
    528. }
    529. ul.gk_tabmodsmenu_top li {
    530.     display: inline;
    531.     margin-left: 10px;
    532.     padding: 5px 20px 5px 20px;
    533.     cursor: pointer;
    534. }
    535. ul.gk_tabmodsmenu_down li {
    536.     display: inline;
    537.     cursor: pointer;
    538.     margin-left: 10px;
    539.     padding: 5px 20px 5px 20px;
    540. }
    541. ul.gk_tabmodsmenu_top li.active {
    542. }
    543. ul.gk_tabmodsmenu_down li.active {
    544. }
    545. div.gk_tabmods_container {
    546.     overflow: hidden;
    547. }
    548. div.gk_tabmods_item {
    549.     display: none;
    550.     padding: 10px 10px 0px 15px;
    551. }
    552. /* Tabs module variations
    553. --------------------------------------------------------------------------------*/
    554.  
    555. /* -tab */
    556. div.moduletable-tab ul.gk_tabmodsmenu_top {
    557.     margin-left: 0px;
    558.     margin-bottom: 5px;
    559. }
    560. div.moduletable-tab ul.gk_tabmodsmenu_top li {
    561.     display: inline;
    562.     margin-right: 4px;
    563.     margin-left: -2px;
    564.     padding: 5px 20px 5px 20px;
    565.     cursor: pointer;
    566. }
    567. div.moduletable-tab ul.gk_tabmodsmenu_top li.active {
    568. }
    569. div.moduletable-tab div.gk_tabmods_container {
    570. }
    571. /* -tab1*/
    572. div.moduletable-tab1 ul.gk_tabmodsmenu_top {
    573.     margin-left: 0px;
    574.     margin-bottom: 5px;
    575. }
    576. div.moduletable-tab1 ul.gk_tabmodsmenu_top li {
    577.     display: inline;
    578.     margin-right: 4px;
    579.     margin-left: -2px;
    580.     padding: 5px 20px 5px 20px;
    581.     cursor: pointer;
    582. }
    583. div.moduletable-tab1 ul.gk_tabmodsmenu_top li.active {
    584. }
    585. div.moduletable-tab1 div.gk_tabmods_container {
    586. }
    587. div.moduletable-tab1, div.moduletable-tab1 a {
    588. }
    589. /* typohraphy
    590. -----------------------------------------------------------------------------------*/
    591.  
    592. span.clear, span.color, span.color-1 {
    593.     display: block;
    594.     padding: 10px;
    595.     margin-bottom: 10px;
    596. }
     
    Последнее редактирование: 17.11.2007
  5. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    Ответ: СОздание левого блока

    что-то он кривой весь...
    ты наверное, в css покопался? Скажи, как называется шаблон. То, что это шаблон от Gavick, я понял, но лучше мне посмотреть оригинал
     
  6. Offline

    3xwww Недавно здесь

    Регистрация:
    25.10.2007
    Сообщения:
    14
    Симпатии:
    1
    Ответ: СОздание левого блока

    gk_corporation.
    вот вроде оригинал в катором неуспел порыться :)

    и скрин прикладываю, что примерно хочиться. Буду признателен если получиться что то намудрить. :[
    нужна левый блог №1(на скрине плохо видно но он семмеричен правому) !!! и он типа быть одинаков с с правым №2
    А Третий блог то что с лева щас находиться №3, чтобы ушел в центр.
    А №4 все нормуль.
     

    Вложения:

    • css.rar
      Размер файла:
      8.4 КБ
      Просмотров:
      2
    • corp.jpg
      corp.jpg
      Размер файла:
      28 КБ
      Просмотров:
      20
  7. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    Ответ: СОздание левого блока

    замени свои файлы этими, что в аттаче.
     

    Вложения:

    • index.zip
      Размер файла:
      2 КБ
      Просмотров:
      5
    • template_css.zip
      Размер файла:
      2.8 КБ
      Просмотров:
      5
  8. Offline

    3xwww Недавно здесь

    Регистрация:
    25.10.2007
    Сообщения:
    14
    Симпатии:
    1
    Ответ: СОздание левого блока

    спасибо большое. вот только не пойму
    в скрине 4 все тип топ.
    а в от когда уже с с данными странность какаята :( скрин 3
     

    Вложения:

    • 4.jpg
      4.jpg
      Размер файла:
      60.9 КБ
      Просмотров:
      11
    • 3.jpg
      3.jpg
      Размер файла:
      61.7 КБ
      Просмотров:
      10
  9. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    Ответ: СОздание левого блока

    я проверял с публикованными модулями, но вот меню упустил из виду, и не публиковал его в левой или правой колонке.
    Собственно, колонку я тебе сделал, а подгонять придется тебе самому, у меня на это времени нет, ты уж извини...
    Покрути значения ширины в CSS для меню и колонок.
     
  10. Offline

    3xwww Недавно здесь

    Регистрация:
    25.10.2007
    Сообщения:
    14
    Симпатии:
    1
    Ответ: СОздание левого блока

    ок спасибо большое., ябы это делал незнай сколкьо времяни. :)
     

Поделиться этой страницей

Загрузка...