Домучала яндекс виджет. Прошу заценить!

archizona · 12.03.2012, 11:58

Вот собственно само творение http://www.yandex.ru/?add=21780&from=promocode
чтобы не обрезался после перехода его иногда влево надо передвинуть.
Виджет пригодится (я почти в этом уверена

) дизайнерам и веб-дизайнерам которым под рукой всегда нужна мулька для подбирания гармоничных цветов.
Думала его можно бутет на любую страничку втавлять, но увы, только на поисковую яндекса.

vitaly-go · 12.03.2012, 12:10

полезно,
вот только плохо что при коректировке ячейки с цветами пляшут по ширине, лучше их зафикисть под максимум
и padding сделать, тк фиг поймеш откуда начинать и где заканчивать копипаст

archizona · 12.03.2012, 12:40

браузер какой? под ie opera не пляшет. буду смотреть

vitaly-go · 12.03.2012, 13:47

под оперой (11 + 12) именно и пляшет, под хромом и ие9 супер мелкие шрифты

maxefect · 12.03.2012, 14:42

Мелковат конечно шрифт! Для обозначения #xxxxxx; x,x,x
На сером бы черный цвет лучше бы смотрелся...

by-gari · 12.03.2012, 20:01

Прикольно, но на сколько он будет востребован это все таки вопрос.

archizona · 18.03.2012, 09:33

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

Кстати на страничке редактирования нашла такую кнопочку "Получить XHTML код виджета"
получаешь такой хитро-код

Код HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://widget.yandex.ru/ns/">
    <head>
        <meta name="title" content="Cочетание цветов"/>
        <meta name="type" content="iframe"/>
        <meta name="description" content="Подбор сочетания цветов для сайта, итерьера одежды.  Двигай ползунки, найди гармоничные сочетания."/>
    <meta name="language" content="ru"/>
            <style type="text/css">
            body {
                background: transparence;
                margin: 0;
                font-family: Arial;
                font-size: 13px;
                color: #000000;
            }
a {color:#1a3dc1;}
        </style>
        <script type="text/javascript" src="http://img.yandex.net/webwidgets/2/WidgetApi.js"></script>
    </head>
    <body onresize="widget.adjustIFrameHeight()" onload="widget.adjustIFrameHeight()">
    <![CDATA[<head>
<title>Подбор сочетания цветов в интерьере для архитектора. Сочетание цветов для сайта, цвета стен. </title>
<meta name="description" content="Найти гармоничное сочетание цветов очень просто при помощи этого бесплатного сервиса. Используя режимы HSV и RGB  подберите пять сочетающихся цветов для фасада дома, интерьера и сайта в коде html">
<link rel="shortcut icon" href="http://www.archizona.ru/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="http://archizona.ru/js_yandex/range.js"></script>
<script type="text/javascript" src="http://archizona.ru/js_yandex/timer.js"></script>
<script type="text/javascript" src="http://archizona.ru/js_yandex/slider.js"></script>
<link type="text/css" rel="StyleSheet" href="http://archizona.ru/js_yandex/bluecurve.css">
<link type="text/css" rel="StyleSheet" href="http://archizona.ru/js_yandex/colorblender.css">
<style type="text/css">
body,td,th {
	font-size: 10px;
	color: #000;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<[email protected] counter-->
<script language="javascript" type="text/javascript"><!--
d=document;var a='';a+=';r='+escape(d.referrer);js=10;//--></script>
<script language="javascript1.1" type="text/javascript"><!--
a+=';j='+navigator.javaEnabled();js=11;//--></script>
<script language="javascript1.2" type="text/javascript"><!--
s=screen;a+=';s='+s.width+'*'+s.height;
a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;//--></script>
<script language="javascript1.3" type="text/javascript"><!--
js=13;//--></script><script language="javascript" type="text/javascript"><!--
d.write('<a href="http://top.mail.ru/jump?from=1777741" target="_top">'+
'<img src="http://d0.c2.bb.a1.top.mail.ru/counter?id=1777741;t=47;js='+js+
a+';rand='+Math.random()+'" alt="Рейтинг@Mail.ru" border="0" '+
'height="1" width="1"><\/a>');if(11<js)d.write('<'+'!-- ');//--></script>
<noscript><a target="_top" href="http://top.mail.ru/jump?from=1777741">
<img src="http://d0.c2.bb.a1.top.mail.ru/counter?js=na;id=1777741;t=47" 
height="1" width="1" border="0" alt="Рейтинг@Mail.ru"></a></noscript>
<script language="javascript" type="text/javascript"><!--
if(11<js)d.write('--'+'>');//--></script>
<!--// [email protected] counter-->	
<table border=0 cellspacing=0 cellpadding=0>
    <tr>
      <td id="swcell1" class="swatchcell" style="border:solid 1px #A0A0A0;"><div class="swatchframe">
        <div id="col1" class="swatch" style="background-color:#FFFFFF;" > </div>
        <span id="RGB1"> <br>
            </span></div></td>
      <td id="swcell2" class="swatchcell"><div class="swatchframe">
        <div id="col2" class="swatch" style="background-color:#FFFFFF;" > </div>
        <span id="RGB2"> <br>
            </span></div></td>
      <td id="swcell3" class="swatchcell"><div class="swatchframe">
        <div id="col3" class="swatch" style="background-color:#FFFFFF;" > </div>
        <span id="RGB3"> <br>
            </span></div></td>
      <td id="swcell4" class="swatchcell"><div class="swatchframe">
        <div id="col4" class="swatch" style="background-color:#FFFFFF;" > </div>
        <span id="RGB4"> <br>
            </span></div></td>
      <td id="swcell5" class="swatchcell"><div class="swatchframe">
        <div id="col5" class="swatch" style="background-color:#FFFFFF;"> </div>
        <span id="RGB5"> <br>
            </span></div></td>
      <td id="swcell6" class="swatchcell"><div class="swatchframe">
        <div id="col6" class="swatch" style="background-color:#FFFFFF;" > </div>
        <span id="RGB6"> <br>
            </span></div></td>
    </tr>
  </table>
<table width="272" border=0 cellpadding=0 cellspacing=0 style="width:272px;">
<tr>
      <td width="210" style="vertical-align:top;"><table border=0 cellspacing=0 cellpadding=0 id="selectorrgb" style="display:block;">
        <tr>
          <td><div align="right"><b>R</b></div></td>
          <td align="left" valign="middle"><div class="slider" id="slider-r" ><span class="slider">
            <input class="slider-input" id="slider-input-r" name="slider-input-r">
          </span></div></td>
          <td><input name="text" type="text" class="dirinput" id="input-r" tabindex=1 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
        </tr>
        <tr>
          <td><div align="right"><b> G</b></div></td>
          <td><div class="slider" id="slider-g" >
            <input class="slider-input" id="slider-input-g" name="slider-input-g">
          </div></td>
          <td><input name="text" type="text" class="dirinput" id="input-g" tabindex=2 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
        </tr>
        <tr>
          <td><div align="right"><b>B</b></div>
            </p></td>
          <td><div class="slider" id="slider-b" >
            <input class="slider-input" id="slider-input-b" name="slider-input-b">
          </div></td>
          <td><input name="text" type="text" class="dirinput" id="input-b" tabindex=3 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
        </tr>
      </table>
        <table border=0 cellspacing=0 cellpadding=0 id="selectorhsv" style="display:none;">
          <tr>
            <td><div align="right">
              <b>H</b></td>
            <td><div class="slider" id="slider-h" >
              <input class="slider-input" id="slider-input-h" name="slider-input-h">
            </div></td>
            <td><input name="text" type="text" class="dirinput" id="input-h" tabindex=4 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
          </tr>
          <tr>
            <td><div align="right">
              <b>S</b></td>
            <td><div class="slider" id="slider-s" >
              <input class="slider-input" id="slider-input-s" name="slider-input-s">
            </div></td>
            <td><input name="text" type="text" class="dirinput" id="input-s" tabindex=5 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
          </tr>
          <tr>
            <td><div align="right">
              <b>V</b></td>
            <td><div class="slider" id="slider-v" >
              <input class="slider-input" id="slider-input-v" name="slider-input-v">
            </div></td>
            <td><input name="text" type="text" class="dirinput" id="input-v" tabindex=6 onFocus="this.select();" onKeyPress="if(window.event.keyCode==13){this.onchange()}" maxlength="3"></td>
          </tr>
        </table></td>
      <td width="56" style="vertical-align:top;">
        <p>
          <input type="radio" name="colormode" id="colormodergb" value="1" onClick="changecolormode(1)" checked>
        RGB
<input type="radio" name="colormode" id="colormodehsv" value="2" onClick="changecolormode(2)">
HSV</p>
    <p><a href="http://archizona.ru/sochetanie_tsvetov.html" target="_blank" >  "NEW"</a></p></td>
    </tr>
  </table>
  <p id="footer">
<script type="text/javascript" src="http://archizona.ru/js_yandex/blendercore.asp"></script>
</body>
</html>
]]>
    </body>
</html>

думала, это чтобы виджет в блог добавлять, попробовала вставить в ЖЖ
спложная абра-кадабра (жж код не понял) Для чего этот код? Может для других блогов? или надо заплптить жж, чтобы он нормально отображался?

Ni_Splinter · 20.03.2012, 18:43

Целиком, без изменений, страницу можно вставить через iframe
http://htmlbook.ru/html/iframe

Если этот вариант не приемлем - убирайте из кода лишнее, и только тогда - в блог.

archizona · 30.03.2012, 16:25

Цитата:

Сообщение от Ni_Splinter

Целиком, без изменений, страницу можно вставить через iframe
http://htmlbook.ru/html/iframe

Если этот вариант не приемлем - убирайте из кода лишнее, и только тогда - в блог.

тут пятая строчка в коде <meta name="type" content="iframe"/>
если просто добавить теги ифрейм, то ЖЖ все трет и ставляет такую муть
<lj-embed id="1">

</lj-embed>

Добавлено через 8 минут

аааааааа
"После модерации и добавления виджета в каталог ваш виджет будет доступен к установке не только на главную страницу Яндекса, но и на сайты Народ.ру"
тут блогами и не пахнет похоже...

Ni_Splinter · 01.04.2012, 12:13

Точно, я ошиблась - Яндекс сервисов нет среди разрешенных Li ресурсов

Посмотрела комментарий по тегам встраивания.

"При этом содержимое с использованием тэга <iframe> в записи и комментарии удастся вставить только с ресурсов YouTube, RuTube, Vimeo, ВКонтакте (включая vk.com), Photosynth, Banki.ru, TeleviDOC, а также только в записи в личных журналах можно встроить календари и документы Google. "

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Переделка яндекс виджет в windows 7 гаджет	archizona	Скамейка запасных	0	11.09.2014 11:17
Прошу заценить	Demonik1401	Зал дебютантов	3	27.05.2014 15:37
Яндекс виджет	archizona	HTML, CSS, JavaScript	1	17.04.2011 05:29
Сайт... прошу заценить!	DezmASter	Зал дебютантов	8	11.03.2006 00:26
Прошу заценить ещё проектик!	Silver	Зал дебютантов	7	04.10.2003 15:14

12.03.2012, 12:10	#2
vitaly-go	полезно, вот только плохо что при коректировке ячейки с цветами пляшут по ширине, лучше их зафикисть под максимум и padding сделать, тк фиг поймеш откуда начинать и где заканчивать копипаст

12.03.2012, 12:40	#3
archizona	браузер какой? под ie opera не пляшет. буду смотреть

12.03.2012, 13:47	#4
vitaly-go	под оперой (11 + 12) именно и пляшет, под хромом и ие9 супер мелкие шрифты

12.03.2012, 14:42	#5
maxefect	Мелковат конечно шрифт! Для обозначения #xxxxxx; x,x,x На сером бы черный цвет лучше бы смотрелся...

12.03.2012, 20:01	#6
by-gari	Прикольно, но на сколько он будет востребован это все таки вопрос.

20.03.2012, 18:43	#8
Ni_Splinter	Целиком, без изменений, страницу можно вставить через iframe http://htmlbook.ru/html/iframe Если этот вариант не приемлем - убирайте из кода лишнее, и только тогда - в блог.

01.04.2012, 12:13	#10
Ni_Splinter	Точно, я ошиблась - Яндекс сервисов нет среди разрешенных Li ресурсов Посмотрела комментарий по тегам встраивания. "При этом содержимое с использованием тэга <iframe> в записи и комментарии удастся вставить только с ресурсов YouTube, RuTube, Vimeo, ВКонтакте (включая vk.com), Photosynth, Banki.ru, TeleviDOC, а также только в записи в личных журналах можно встроить календари и документы Google. "

12.03.2012, 11:58
Ссылки