1. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.
  2. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  3. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.

3.0.x Как сменишь шапку сайта

Discussion in 'Шаблоны - Templates & Styles' started by zqz, Aug 10, 2012.

  1. zqz Thread starter User


    Offline
    Message Count:
    230
    Likes Received:
    9
    My version of SE:
    3.16
    Доброе время суток!
    Можете подсказать как сменить шапку сайта вот сайт http://grin-siti.ru/id1


    на такую шапку
    [IMG]
    Шаблон стандартный который на скрине http://www.socengine.ru/socialengine-3/socialengine-3-templates/46-artsav-template-2.html

    Мой шаблон focus подскажите что и где заменить чтоб поменять шапку!
    header.tpl
    Code:
    {* $Id: header.tpl 287 2010-01-07 23:46:33Z steve $ *}
     
    {* INCLUDE HEADER CODE *}
    {include file="header_global.tpl"}
     
     
    <link rel="stylesheet" type="text/css" href="./css/style_news.css">
     
    {if $smarty.const.SE_DEBUG && $admin->admin_exists}{include file="header_debug.tpl"}{/if}
     
    <div id="smoothbox_container"></div>
     
            <div id="main_background_top"></div>
     
    <div align="center" id="container6">
        <div id="fake_body" style="float:left;">
        <div id="wrap">
            <div id="global_header" class="clearfix">
        <h1 id="focus_logo"><a class="text_replace" href="home.php">focus</a></h1>
        <div id="focus_top">
     
     
    <div class="focus_top_menu">
        <ul>
        <li style="padding-left:10px;"><a href='search_advanced.php'>Люди</a></li>
     
    <li style="padding-left:10px;"><a href='browse_music.php'>Музыка</a></li>
     
    <li style="padding-left:10px;"><a href='browse_vids.php'>Видео</a></li>
     
    <li style="padding-left:10px;"><a href='browse_games.php'>Игры</a></li>
     
    <li style="padding-left:10px;"><a href='browse_groups.php'>Группы</a></li>
     
    <li style="padding-left:10px;"><a href='browse_events.php'>События</a></li>
     
    <li style="padding-left:10px;"><a href='browse_classifieds.php'>Объявления</a></li>
     
     
      {* SHOW ANY PLUGIN MENU ITEMS *}
      {hook_foreach name=menu_main var=menu_main_args complete=menu_main_complete max=7}
     
     
      {/hook_foreach}
     
        </ul>
        </div>
     
        <div class="focus_search" style="margin-top:8px; padding:0px;  margin-right:8px; border:1px solid #475f6f;">
     
        <form action='search.php' method='POST' name='search'>
    <input type='text' name='search_text' class="busca" value='Search' {literal}onfocus="if (this.value == '{/literal}Search{literal}') { this.value=''; }" onblur="if (this.value == '') { this.value='{/literal}Search{literal}' }" {/literal} /><input type='hidden' name='task' value='dosearch'><input type='hidden' name='t' value='0'><input style='display:none;' type='submit' name='submit' value='Go' />
    <input type='submit' class='btn' value=''>
        <input type='hidden' name='task' value='dosearch'>
        <input type='hidden' name='t' value='0'>
    </form>
     
        </div>
     
     
        </div>
    </div>
    </div>
    </div>
     
    <div style="clear:both"></div>
     
     
     
    {* START MAIN LAYOUT *}
    <div class="left_side">
    {if $user->user_exists == 0}
    <div class="left_side_green" style="margin-bottom:10px;">{lang_print id=659}</div>
     
    <form action='login.php' method='post'>
          <table cellpadding='0' cellspacing='0' align='center'>
          <tr>
            <td>
              <div style="float:left; margin-top:4px; font-size:12px;">{lang_print id=89}:</div>
      <div style="float:right; margin-right:5px;">
    <input type='email' class='text4' style="margin-left:5px; width:120px;" name='email' size='25' maxlength='100'  value='Email Address' {literal}onfocus="if (this.value == '{/literal}Email Address{literal}') { this.value=''; }" onBlur="if (this.value == '') { this.value='{/literal}Email Address{literal}' }" {/literal} /></div>
            </td>
          </tr>
          <tr>
            <td style='padding-top: 6px;'>
              <div style="float:left; margin-top:4px; font-size:12px;">{lang_print id=29}:</div>
              <div style="float:right; margin-right:5px;">  <input type='password' class='text4' style="margin-left:5px; width:120px;" name='password'  size='25' maxlength='100' value='PASSWD' {literal}onfocus="if (this.value == '{/literal}PASSWD{literal}') { this.value=''; }" onBlur="if (this.value == '') { this.value='{/literal}PASSWD{literal}' }" {/literal}></div>
            </td>
          </tr>
          {if !empty($setting.setting_login_code)}
          <tr>
            <td style='padding-top: 6px;'>
              <table cellpadding='0' cellspacing='0'>
                <tr>
                  <td><input type='text' name='login_secure' class='text' size='6' maxlength='10' />&nbsp;</td>
                  <td>
                    <table cellpadding='0' cellspacing='0'>
                      <tr>
                        <td align='center'>
                          <img src='./images/secure.php' id='secure_image' border='0' height='20' width='67' class='signup_code' alt='' /><br />
                          <a href="javascript:void(0);" onClick="$('secure_image').src = './images/secure.php?' + (new Date()).getTime();">{lang_print id=975}</a>
                        </td>
                        <td>{capture assign=tip}{lang_print id=691}{/capture}<img src='./images/icons/tip.gif' border='0' class='Tips1' title='{$tip|escape:quotes}' alt='' /></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          {/if}
     
          <tr>
            <td style='padding-top: 10px;'>
       
            <div style="float:left; margin-top:4px;"> <input type='checkbox' class='checkbox' name='persistent' value='1' id='rememberme' />
              <label for='rememberme'>{lang_print id=660}</label></div>
              <div style="float:right; margin-right:5px;"><input type='submit' class='button' style="width:85px; " value='{lang_print id=30}' /></div><div style="clear:both"></div>
            </td>
          </tr>
          </table>
     
          <noscript><input type='hidden' name='javascript_disabled' value='1' /></noscript>
          <input type='hidden' name='task' value='dologin' />
          <input type='hidden' name='ip' value='{$ip}' />
          </form>
          {* OPENIDCONNECT 1/1 START *}
              {include file="openidconnect_home_mini.tpl"}
            {* OPENIDCONNECT 1/1 END *}
          <div class="left_side_blue" style="margin-top:12px;">{lang_print id=679}</div>
     
                <div class="left_links_blue" style="margin:5px 0 5px 0; padding:0px;">
        <ul>
        <li style="">  <a href='signup.php'><img src='./images/icons/signup_today.png' border='0' class='menu_icon' alt='' />{lang_print id=1115}</a></li>
        <li style="">  <a href='lostpass.php'><img src='./images/icons/lost_pass.png' border='0' class='menu_icon' alt='' />{lang_print id=675}</a></li>
        </ul></div>
    {/if}
     
     
    {if $user->user_exists == 1}
     
    <div style="margin-top:10px; height:58px;">
     
     
    <div style="float:right; width:128px; margin-left:5px; text-align:left;">
     
     
    </div>
     
    <div style="clear:both"></div>
    <div style="height:6px;"></div>
     
     
    <div class="left_side_green" style="margin-bottom:10px;">Моё меню</div>
     
     
     
     
                <div class="left_links_blue" style="margin:5px 0 5px 0; padding:0px;">
        <ul>
     
     
     
    <li><a href='{$url->url_create("profile", $user->user_info.user_username)}' class='menu_item'><font size="2"><img alt="" width="18" height="18" src="/images/profil.png" border='0' class='menu_icon' />
    Моя Страница</a></li>
     
    <li><a href='user_editprofile.php' class='menu_item'><img width="18" height="18" src='/images/redak2.png' border='0' class='menu_icon' alt='' />{lang_print id=1163}</a></li>
     
     
     
    {* Мои друзья *}
    <li id='myfriends'>{if $total_friend_requests > 0}
    <a href='user_friends_requests.php'><img img alt="" width="18" height="18" src='./images/druz.png' border='0' class='menu_icon' alt='' />Мои Друзья (<b>{$total_friend_requests}</b>){else}
    <a href='user_friends.php'><img img alt="" width="18" height="18" src='./images/druz.png' border='0' class='menu_icon' alt='' />Мои Друзья{/if}</a></li>
     
     
        {* Мои сообщения *}
        {if $user->level_info.level_message_allow != 0}
        <li> <a href='user_messages.php'><img width="18" height="18" src="/images/message.png" border='0' class='menu_icon' alt='' />Мои Сообщения{if $user_unread_pms != 0} (<b>{$user_unread_pms}</b>){/if}</a></li>  {/if}
       
    <li style="">  <a href='user_home.php'><img width="18" height="18" src="/images/novosdi.png"  border='0' class='menu_icon' alt=''>Мои Новости</a></li>
     
     
     
     
     
        <li>  <a href='user_account.php'><img width="18" height="18" src='/images/nastroyki.png' border='0' class='menu_icon' alt='' />Мои Настройки</a></li>
            <li> <a href='user_logout.php?token={$token}' onclick="$('user_logout').submit(); return false;"><img width="18" height="18" src='./images/exit.png' border='0' class='menu_icon' alt='' />Выход</a></form></li>
     
        </ul>
        </div>
     
     
    <div class="left_side_yellow">
    <div class='' id='newupdates' style='display: none;'>
            <div class='newupdates_content'>
                <a href='javascript:void(0);' class='newupdates' onClick="SocialEngine.Viewer.userNotifyPopup(); return false;">
                {assign var="notify_total" value=$notifys.total_grouped}
                <h2>{lang_sprintf id=1019 1="<span id='notify_total'>`$notify_total`</span>"}
                </a>
           
                <a href='javascript:void(0);' class='newupdates' onClick="SocialEngine.Viewer.userNotifyHide(); return false;"><span style="padding-left:10px; font-size:13px;">Х</span></a>
              </div>
          </div>
    </div>
     
     
    <div class="left_side_green" style="margin-bottom:10px;">Развлечения</div>
     
                <div class="left_links_blue" style="margin:5px 0 5px 0; padding:0px;">
        <ul>
     
    <li style="">  <a href='http://grin-siti.ru/user_vid_favs.php'><img width="18" height="18" src="/images/icons/vid_vid16.png"  border='0' class='menu_icon' alt=''>Мои Видеозаписи</a></li>
    <li style="">  <a href='user_music.php'><img width="18" height="18" src="/images/icons/music_music16.gif"  border='0' class='menu_icon' alt=''>Мои Аудиозаписи</a></li>
    <li style="">  <a href='user_favorites_manage.php'><img width="18" height="18" src="/images/icons/game_game16.gif"  border='0' class='menu_icon' alt=''>Мои Игры</a></li>
     
    <li style="">  <a href='user_album.php'><img width="18" height="18" src="/images/icons/album_album16.gif"  border='0' class='menu_icon' alt=''>Мои Фотографии</a></li>
     
    <li style="">  <a href='user_group.php'><img width="18" height="18" src="/images/icons/group_group16.gif"  border='0' class='menu_icon' alt=''>Мои Группы</a></li>
    <li style="">  <a href='user_event.php'><img width="18" height="18" src="/images/icons/event_event16.gif"  border='0' class='menu_icon' alt=''>Мои События</a></li>
     
    <li style="">  <a href='user_classified.php'><img width="18" height="18" src="/images/icons/classified_classified16.gif"  border='0' class='menu_icon' alt=''>Мои Объявления</a></li>
    <li style="">  <a href='user_poll.php'><img width="18" height="18" src="/images/icons/poll_poll16.gif"  border='0' class='menu_icon' alt=''>Мои Опросы</a></li>
     
    <li style="">  <a href='user_blog.php'><img width="18" height="18" src="/images/icons/blog_newentry16.gif"  border='0' class='menu_icon' alt=''>Мои Дневник</a></li>
     
    <li style="">  <a href='/browse_tv_videos.php?action=my_favorites'><img width="18" height="18" src="/images/icons/video_video18.gif"  border='0' class='menu_icon' alt=''>Мои Тв Видео</a></li>
     
    <li style="">  <a href='user_kiss_incoming.php'><img width="18" height="18" src="/images/icons/kiss16.gif"  border='0' class='menu_icon' alt=''>Мои Поцелуи</a></li>
     
    <li style="">  <a href='user_vault.php'><img width="18" height="18" src="/images/icons/userpoints16.png"  border='0' class='menu_icon' alt=''>Мой Кошелёк   
    </a></li>
     
    </ul>
    </div>
    {include file="include_news.tpl"}
          {* USER NOTIFICATIONS *}
    {if $user->user_exists}
    {lang_javascript ids=1198,1199}
    <script type='text/javascript'>
    <!--
    var notify_update_interval;
    window.addEvent('domready', function() {ldelim}
      SocialEngine.Viewer.userNotifyGenerate({$se_javascript->generateNotifys($notifys)});
      SocialEngine.Viewer.userNotifyShow();
      notify_update_interval = (function() {ldelim}
        if( notify_update_interval ) SocialEngine.Viewer.userNotifyUpdate();
      {rdelim}).periodical(60 * 1000);
    {rdelim});
    //-->
    </script>
    <div style='display: none;' id='newupdates_popup'></div>
    {/if}
     
     
    </div>
    <div style="clear:both"></div>
    {/if}
     
    </div>
     
    <div class='content'>
     
      {* SHOW BELOW-MENU ADVERTISEMENT BANNER *}
      {if $ads->ad_belowmenu != ""}<div class='ad_belowmenu' style='display: block; visibility: visible;'>{$ads->ad_belowmenu}</div>{/if}
     
    {if $ads->ad_left != ""}
    <div class='ad_left' style='display: block; visibility: visible;'>{$ads->ad_left}</div>
    {/if}
     
     
    
    --- добавлено: Aug 10, 2012 9:18 AM ---
    header_global.tpl
    Code:
    <!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml'>
    {* $Id: header_global.tpl 146 2009-03-27 02:48:07Z john $ *}
    <head>
     
    <title>{lang_print id=642}{if $global_page_title != ""} - {lang_sprintf id=$global_page_title[0] 1=$global_page_title[1] 2=$global_page_title[2]}{/if}</title>
    <base href='{$url->url_base}' />
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <meta name='Description' content="{if $global_page_description != ""}{lang_sprintf id=$global_page_description[0] 1=$global_page_description[1] 2=$global_page_description[2]}{else}{lang_print id=1156}{/if}" />
     
     
    {* Corner *}
    <script type="text/javascript" src="./include/js/corner.js"></script>
    {* /Corner *}
     
     
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
        var $jq = jQuery.noConflict();
    </script>
     
     
    <script type="text/javascript">
    </script>
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    {* INLUCDE MAIN STYLESHEET *}
    <link rel="stylesheet" href="./templates/styles_global.css" title="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./templates/styles.css" title="stylesheet" type="text/css" />
     
    {* CODE FOR VARIOUS JAVASCRIPT-BASED FEATURES, DO NOT REMOVE *}
    <script type="text/javascript" src="./include/js/mootools12-min.js"></script>
    {*
    <script type="text/javascript" src="./include/js/mootools12.js"></script>
    <script type="text/javascript" src="./include/js/mootools12-more.js"></script>
    *}
     
    <script type="text/javascript" src="./include/js/core-min.js"></script>
    {*
    <script type="text/javascript" src="./include/js/autogrow.js"></script>
    <script type="text/javascript" src="./include/js/smoothbox.js"></script>
    <script type="text/javascript" src="./include/js/autosuggest.js"></script>
    <script type="text/javascript" src="./include/js/sprintf.js"></script>
    <script type="text/javascript" src="./include/js/class_base.js"></script>
    <script type="text/javascript" src="./include/js/class_core.js"></script>
    <script type="text/javascript" src="./include/js/class_language.js"></script>
    <script type="text/javascript" src="./include/js/class_url.js"></script>
    <script type="text/javascript" src="./include/js/class_comments.js"></script>
    <script type="text/javascript" src="./include/js/class_tags.js"></script>
    <script type="text/javascript" src="./include/js/class_user.js"></script>
    *}
     
    {* INSTALIZE API *}
    <script type="text/javascript">
    <!--
      var SocialEngine = new SocialEngineAPI.Base();
     
      // Core
      SocialEngine.Core = new SocialEngineAPI.Core();
      SocialEngine.Core.ImportSettings({$se_javascript->generateSettings($setting)});
      SocialEngine.Core.ImportPlugins({$se_javascript->generatePlugins($global_plugins)});
      SocialEngine.RegisterModule(SocialEngine.Core);
     
      // URL
      SocialEngine.URL = new SocialEngineAPI.URL();
      SocialEngine.URL.ImportURLBase({$se_javascript->generateURLBase($url)});
      SocialEngine.URL.ImportURLInfo({$se_javascript->generateURLInfo($url)});
      SocialEngine.RegisterModule(SocialEngine.URL);
     
      // Language
      SocialEngine.Language = new SocialEngineAPI.Language();
      SocialEngine.RegisterModule(SocialEngine.Language);
     
      // User - Viewer
      SocialEngine.Viewer = new SocialEngineAPI.User();
      SocialEngine.Viewer.ImportUserInfo({$se_javascript->generateUserInfo($user)});
      SocialEngine.RegisterModule(SocialEngine.Viewer);
     
      // User - Owner
      SocialEngine.Owner = new SocialEngineAPI.User();
      SocialEngine.Owner.ImportUserInfo({$se_javascript->generateUserInfo($owner)});
      SocialEngine.RegisterModule(SocialEngine.Owner);
     
      // Back
      SELanguage = SocialEngine.Language;
    //-->
    </script>
     
     
    {literal}
    <script type="text/javascript">
    <!--
      // ADD TIP FUNCTION
      window.addEvent('load', function()
      {
        var Tips1 = new Tips($$('.Tips1'));
      });
    //-->
    </script>
    {/literal}
     
     
    {* ASSIGN PLUGIN MENU ITEMS AND INCLUDE NECESSARY STYLE/JAVASCRIPT FILES *}
    {hook_include name=header}
    {hook_foreach name=styles var=hook_stylesheet}
    <link rel="stylesheet" href="{$hook_stylesheet}" title="stylesheet" type="text/css" />
    {/hook_foreach}
    {hook_foreach name=scripts var=hook_script}
    <script type="text/javascript" src="{$hook_script}"></script>
    {/hook_foreach}
     
     
    {* INSERT USER'S CUSTOM CSS IF ANY *}
    <style type='text/css'>{$global_css}</style>
     
    </head>
    <body>
     
    {* GLOBAL IFRAME FOR AJAX FUNCTIONALITY *}
    <iframe id='ajaxframe' name='ajaxframe' style='display: none;' src='javascript:false;'></iframe>

    Подскажите какие файлы править надо и на что!буду очень благодарен если нужно подкину денежку)))
  2. gboger User


    Offline
    Message Count:
    29
    Likes Received:
    1
    My version of SE:
    3.17
    My version of phpFox:
    2.0.0
    My version of Oxwall:
    1.0.2
    а чем тебя сам шаблон не устраивает
  3. Smart-Hacker User


    Offline
    Message Count:
    54
    Likes Received:
    24
    Могу сделать тебе шапку... И подправить дизайн. Так же могу сверстать тебе новый дизайн.
    Skype: elusive-hacker
  4. zqz Thread starter User


    Offline
    Message Count:
    230
    Likes Received:
    9
    My version of SE:
    3.16
    надо самое главное шапку зделать!как на скрине
  5. zqz Thread starter User


    Offline
    Message Count:
    230
    Likes Received:
    9
    My version of SE:
    3.16
    Подскажите пожалуйста как сделать такой блок как на скрине[IMG]
    чтоб цвет был такой и закругленные углы!СПС заранее
    в css плохо шарю
  6. ryanmccarthy User


    Offline
    Message Count:
    110
    Likes Received:
    9
    My version of SE:
    3.17
    Парень ты походу вообще ничего не знаешь и просто напросто посмотрел фильм: Социальная сеть и загорелся желанием сделать так же, но пойми без минимальных даже знаний CSS и HTML ты не продвинешься. Вот тут посмотри видео - уроки, быть может научишься чему нибудь: http://ruseller.com/ или же найми себе учителя и учись. Просто темы создаешь довольно простые, посидел бы лучше на Ucozе там тебе все объяснят и помогут понять, что к чему. Форум у них довольно отзывчив.
  7. zqz Thread starter User


    Offline
    Message Count:
    230
    Likes Received:
    9
    My version of SE:
    3.16
    не понимаю нахера эта диалогия что я у меня что нет я малех понимаю php html а css ток начел учить вот собрал сайтик http://grin-siti.ru/id1 !лутше бы помог а не обсуждал
  8. jolly185 Active member


    Offline
    • Знаменитый
    Message Count:
    304
    Likes Received:
    39
    My version of SE:
    3.20
    My version of phpFox:
    3.3.0
    My version of Oxwall:
    1.4.0
    <div align="center" id="container6">
    <div id="fake_body" style="float:left;">
    <div id="wrap">
    <div id="global_header" class="clearfix">
    <h1 id="focus_logo"><a class="text_replace" href="home.php">focus</a></h1>
    <div id="focus_top">


    <div class="focus_top_menu">
    <ul>
    <li style="padding-left:10px;"><a href='search_advanced.php'>Люди</a></li>

    <li style="padding-left:10px;"><a href='browse_music.php'>Музыка</a></li>

    <li style="padding-left:10px;"><a href='browse_vids.php'>Видео</a></li>

    <li style="padding-left:10px;"><a href='browse_games.php'>Игры</a></li>

    <li style="padding-left:10px;"><a href='browse_groups.php'>Группы</a></li>

    <li style="padding-left:10px;"><a href='browse_events.php'>События</a></li>

    <li style="padding-left:10px;"><a href='browse_classifieds.php'>Объявления</a></li>


    {* SHOW ANY PLUGIN MENU ITEMS *}
    {hook_foreach name=menu_main var=menu_main_args complete=menu_main_complete max=7}


    {/hook_foreach}

    </ul>
    </div>

    <div class="focus_search" style="margin-top:8px; padding:0px; margin-right:8px; border:1px solid #475f6f;">

    <form action='search.php' method='POST' name='search'>
    <input type='text' name='search_text' class="busca" value='Search' {literal}onfocus="if (this.value == '{/literal}Search{literal}') { this.value=''; }" onblur="if (this.value == '') { this.value='{/literal}Search{literal}' }" {/literal} /><input type='hidden' name='task' value='dosearch'><input type='hidden' name='t' value='0'><input style='display:none;' type='submit' name='submit' value='Go' />
    <input type='submit' class='btn' value=''>
    <input type='hidden' name='task' value='dosearch'>
    <input type='hidden' name='t' value='0'>
    </form>

    </div>


    </div>
    </div>
    </div>
    </div>



    Это у тебя в шапке тут и ковыряй Да и не забудь еще в CSS правку сделать
    zqz likes this.
  9. zqz Thread starter User


    Offline
    Message Count:
    230
    Likes Received:
    9
    My version of SE:
    3.16
    это
    в этом я разобрался и зделал!спс


    я ток начел учить css и не хера понять не могу делаю вроде всё верно!вот хочу зделать табличку красивую делаю
    в profile.tpl
    Code:
    <div class="table">
    <table cellspacing="0">
    <tr><th>Название</th> <th>Цена товара</th><tr>
    <tr><td>Молоко</td> <td>40 р. </td><tr>
    <tr><td>Яйца</td> <td>36 р. </td><tr>
    <tr><td>Сахар</td> <td>23 р</td><tr>
    <tr><td>Яблоки</td> <td>67 р</td><tr>
    <tr><td>Мука</td> <td>24 р</td><tr>
    </div>

    в styles.css
    Code:
    td, th {
    padding:5px; /* Внутренний отступ */
    background-color:#478CFB;    /* Фон */
    color:#fff;        /* Цвет */
    font:12pt 'Patua One', cursive;    /* Размер, семейство шрифта */
    }
     
     
    table, tr, td, th {
    border:1px solid #5C98FC; /* Обводка */
    border-collapse:collapse; /* Убираем двойные линии */
    }
     
     
     
    .table {
    -webkit-border-radius: 10px; /* Округления */
    -moz-border-radius: 10px;    /* Округления */
    border-radius:10px;            /* Округления */
    display:inline-block;    /* Делаем так, что бы блок обтягивал таблицу */
    overflow:hidden;    /* Убираем все, что не поместилось в блок */
    }
     
     
     
     
    table td:nth-child(odd) {
    background-color:#5493FC; /* Цвет фона */
    }
     
     
    td:hover {
    background-color:#5493FC; /* Цвет фона */
    }
    
    Подскажите если чтото делаю не верно но табличка отоброжается без стиля(
  10. Gooos абырвалГ


    Offline
    • Admin
    Message Count:
    2,435
    Likes Received:
    645
    My version of SE:
    3.20
    Укажи в css стили именно для этой таблицы, а не как сейчас для всех таблиц.

Share This Page

All rights reserved SocEngine.ru ©