Jump to content

Копирование стиля таблицы зебра на другой сайт

Dzed

By Dzed,
in Freelance

 Share

Recommended Posts

Dzed Explorer

Dzed

Posted
Posted

Доброго времени. Есть сайт с доступом http://device-center.ru/ . Создаю новый сайт и хочу перенести все стили и свойства таблицы без содержимого (содержимое будет статичное и новое). И не могу понять куда подключается таблица и какие стили копировать.

Код таблицы:

Скрытый текст

<table class='service zebra'>
        <tr><th>Название услуги</th><th>Наличие*</th><th>Цена</th><th>Гарантия</th><th>Сроки ремонта*</th><th>Заказать</th></tr>
        <?
        // пробегаем по списку услуг
        $res2=row_select("","services","visible=1 AND stype LIKE '%".$main."%'","name");
        while($r2=$res2->ga()){
            // работаем с услугами от товара
            if(count($arr)!=0) {
                $arr0=$arr[$r2["id"]];
                $arr0=str_replace("'","",$arr0);
                foreach($arr0 as $key => $value) {
                    $r2[$key]=$value;
                    //echo $arr0['visible']."".$r2["id"]."<br>";
                }
                if(empty($arr0['visible'])) { $r2['visible']=0; $check=""; } else { $check="checked"; }
            }
            // проверяем наличие в корзине
            $incart=s_select("id","cart","top_table='".$table."' AND top_id='".$id."' AND serv_id='".$r2["id"]."' AND sid='".$sid."'");
            if(empty($incart)) {
                $butt="<div class='add'><a href=\"javascript:void(0);\" onclick =\"parent.window.cart.location='cart.php?action=view&dad=1&top_table=".$main."&top_id=".$id."&serv_id=".$r2["id"]."&price=".$r2["price"]."&rand=<?=RAND(10000,99999)?>&reload=1';\" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div>";
            }
            else {
                $butt="<div class='did'><a href=\"javascript:void(0);\" onclick =\"parent.window.cart.location='cart.php?action=view&dad=1&top_table=".$main."&top_id=".$id."&serv_id=".$r2["id"]."&price=".$r2["price"]."&rand=<?=RAND(10000,99999)?>&reload=1';\" title='Отменить заказ'><img src='img/del2.gif' class='add'></a></div>";
            }
            
            if(!empty($arr0['visible']) || count($arr)==0) {
            
                if(empty($r2["price"])) $r2["price"]="звоните";
                
                echo "<tr><td class='name'><b>".$r2["name"]."</b> <span class='gray'>".$name2." ".$name3." в Москве</span></td>
                            <td>В&nbsp;наличии</td>
                            <td class='price'>".$r2["price"]."</td>
                            <td>".$r2["sgarant"]."</td>
                            <td>".$r2["stime"]."</td>
                            <td align='center'>".$butt."</td></tr>";
                        
            }
        }
        ?>
        </table>

Так выглядит код при просмотре в хроме

Скрытый текст

<table class='service zebra'>

<tr><th>Название услуги</th><th>Наличие*</th><th>Цена</th><th>Гарантия</th><th>Сроки ремонта*</th><th>Заказать</th></tr>

<tr><td class='name'><b>Восстановление ПО (прошивка)</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>1200</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100015&price=1200&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена USB разъема</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>1000</td>

<td>1 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100053&price=1000&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена аккумулятора</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100011&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена дисплейного модуля (дисплей+тачскрин)</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>1499</td>

<td>6 мес</td>

<td>2 часа</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100048&price=1499&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена дисплея (матрицы)</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>1399</td>

<td>6 мес</td>

<td>2 часа</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100047&price=1399&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена дополнительной (фронтальной) камеры</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100025&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена задней крышки</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100013&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена корпуса</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100039&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена основной камеры</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100016&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена разъема питания</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>799</td>

<td>1 мес</td>

<td>1 час</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100012&price=799&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена системной платы</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100038&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Замена тачскрина (стекла)</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>1399</td>

<td>3 мес</td>

<td>2 часа</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100049&price=1399&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Защитная пленка</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>300</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100036&price=300&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Контроллер питания</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>2700</td>

<td>3 мес</td>

<td>1-2 дня</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100032&price=2700&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Не включается</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100034&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Пропайка элементов</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>от 500</td>

<td>1 мес</td>

<td>1 час</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100046&price=от 500&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Разблокировка пароля</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100031&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Разъем USB</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>1 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100027&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Разъем наушников</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100026&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Ремонт Wi-Fi</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100018&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Ремонт держателя сим</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100040&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Ремонт кнопки Home</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100014&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Ремонт кнопки включения</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>899</td>

<td>3 мес</td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100017&price=899&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Сохранение данных</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>звоните</td>

<td></td>

<td></td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100051&price=&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr><tr><td class='name'><b>Чистка ультразвуком</b> <span class='gray'>Fujitsu stylistic-q550 в Москве</span></td>

<td>В&nbsp;наличии</td>

<td class='price'>от 1000</td>

<td>1 мес</td>

<td>1 день</td>

<td align='center'><div class='add'><a href="javascript:void(0);" onclick ="parent.window.cart.location='cart.php?action=view&dad=1&top_table=pads&top_id=105202&serv_id=100045&price=от 1000&rand=<?=RAND(10000,99999)?>&reload=1';" title='Заказать услугу'><img src='img/cart1.gif' class='add' ></a></div></td></tr> </table>

Искал по всем каталогам словосочетание service zebra в файлах, не нашел.

Помогите пожалуйста решить вопрос.

Повторюсь, нужно только свойства и стиль, содержимое я пропишу ручками.

Link to comment
Share on other sites
Dzed Explorer

Dzed

Posted
  • Author
Posted
18 минут назад, AlexZaw сказал:

Ищите table.zebra в style.css

Нашел.

Скрытый текст

*———-- Колонки и ячейки таблицы в виде «зебры» */table.zebra tr:nth-of-type(odd){ /* зебра построчная */  background:rgba(231,241,241,0.9); /* Pale yellow with 50% opacity */}table.zebra tr:hover{ /* зебра построчная */  background:rgba(255,255,136,0.5); /* Pale yellow with 50% opacity */}tbody td:nth-of-type(odd),thead th:nth-of-type(odd){ /* зебра колончатая */     1background:rgba(255,255,136,0.5);}table.zebra td:nth-of-type(odd),table.zebra tr:nth-of-type(odd),table.zebra th:nth-of-type(odd){ /* зебра строчно-колончатая*/    1background:rgba(231,241,241,0.35);  1background:#E7F1F1; /* Pale yellow with 50% opacity */  }blockquote {background:#d7d7d7;margin:1.5em 10px;padding:.5em 10px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}/*———-- Колонки и ячейки таблицы в виде «зебры» */

И еще нашел в файле Catalog.css стили для class='price'.

Получается копирую текст с Zebra в файл стилей на новый сайт, копирую файл catalog.css на новый сайт и подключаю его ссылкой.

Link to comment
Share on other sites
AlexZaw Explorer

AlexZaw

Posted
Posted

В чем сложность прописать стили самому? При копировании вы наверняка или что-то прихватите лишнее, или, наоборот, что-то упустите и будете недоумевать почему не работает.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept