За последние 24 часа нас посетили 16878 программистов и 1314 роботов. Сейчас ищут 1337 программистов ...

tango theme css

Тема в разделе "HTML и CSS", создана пользователем Anonymous, 21 фев 2008.

  1. Anonymous

    Anonymous Guest

    Тут понадобился CSS в стиле tango desktop. Готового не нашел, пришлось делать ручками. Решил выложить, мож кому пригодится...
    [css].butter {
    color: #edd400;
    }
    .butter .light {
    color: #fcea4f;
    }
    .butter .dark {
    color: #c4a000;
    }
    .orange {
    color: #f57900;
    }
    .orange .light {
    color: #fcaf3e;
    }
    .orange .dark {
    color: #ce5c00;
    }
    .chocolate {
    color: #c17d11;
    }
    .chocolate .light {
    color: #e9b96e;
    }
    .chocolate .dark {
    color: #8f5902;
    }
    .chameleon {
    color: #73d216;
    }
    .chameleon .light {
    color: #8ae234;
    }
    .chameleon .dark {
    color: #4e9a06;
    }
    .skyblue {
    color: #3465a4;
    }
    .skyblue .light {
    color: #729fcf;
    }
    .skyblue .dark {
    color: #204a87;
    }
    .plum {
    color: #75507b;
    }
    .plum .light {
    color: #ad7fa8;
    }
    .plum .dark {
    color: #5c3566;
    }
    .scarlet {
    color: #cc0000;
    }
    .scarlet .light {
    color: #ef2929;
    }
    .scarlet .dark {
    color: #a40000;
    }
    .aluminium .x0 {
    color: #eeeeec;
    }
    .aluminium .x1 {
    color: #d3d7cf;
    }
    .aluminium .x2 {
    color: #babdb6;
    }
    .aluminium, .aluminium .x3 {
    color: #888a85;
    }
    .aluminium .x4 {
    color: #555753;
    }
    .aluminium .x5 {
    color: #2e3436;
    }[/css]
     
  2. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Горбунов Олег
    Эммм... а пример реализации? :)
     
  3. Anonymous

    Anonymous Guest

    Пример реализации чего?
    Это цветовая схема из tango =) Набор цветов :)
     
  4. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    Горбунов Олег
    А что за танго? о_0
     
  5. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Горбунов Олег
    Не, эт я понял.
    Сделал бы макет, глянуть как это выглядит :) Я ведь не знаю, какие стили куда засовывать.
    Ну если не сложно :)))
     
  6. Anonymous

    Anonymous Guest

    Стили лишь описывают палитру цветов.
    http://tango.freedesktop.org/Tango_Desktop_Project


    [​IMG]
     
  7. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Горбунов Олег
    Спасиб :)
     
  8. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    А вот скрипт который наглядно покажет все эти цвета:
    PHP:
    1.  
    2. <?php
    3. $colors=array(
    4. 'scarletlight'=>'#ef2929',
    5. 'scarlet'=>'#cc0000',
    6. 'scarletdark'=>'#a40000',
    7.  
    8. 'orangelight'=>'#fcaf3e',
    9. 'orange'=>'#f57900',
    10. 'orangedark'=>'#ce5c00',
    11.  
    12. 'chocolatelight'=>'#e9b96e',
    13. 'chocolate'=>'#c17d11',
    14. 'chocolatedark'=>'#8f5902',
    15.  
    16. 'butterlight'=>'#fcea4f',
    17. 'butter'=>'#edd400',
    18. 'butterdark'=>'#c4a000',
    19.  
    20. 'chameleonlight'=>'#8ae234',
    21. 'chameleon'=>'#73d216',
    22. 'chameleondark'=>'#4e9a06',
    23.  
    24. 'skybluelight'=>'#729fcf',
    25. 'skyblue'=>'#3465a4',
    26. 'skybluedark'=>'#204a87',
    27.  
    28. 'plumlight'=>'#ad7fa8',
    29. 'plum'=>'#75507b',
    30. 'plumdark'=>'#5c3566',
    31.  
    32. 'aluminiumx0'=>'#eeeeec',
    33. 'aluminiumx1'=>'#d3d7cf',
    34. 'aluminiumx2'=>'#babdb6',
    35.  
    36. 'aluminiumx3'=>'#888a85',
    37. 'aluminiumx4'=>'#555753',
    38. 'aluminiumx5'=>'#2e3436'
    39. );
    40. ?>
    41. <table cellspacing="4"><tr>
    42. <?php
    43. $i=0;
    44. foreach ($colors as $color)
    45. {
    46.     $color=strtoupper($color);
    47.     is_int($i/3)?print "</tr>\n\r<tr><td bgcolor=\"$color\" width=\"100\" height=\"100\" align=\"right\" valign=\"bottom\"><b>$color</b></td>":print "<td bgcolor=\"$color\" width=\"100\" height=\"100\" align=\"right\" valign=\"bottom\"><b>$color</b></td>";
    48.     $i+=1;
    49. }
    50. ?>
    51. </tr>
    52. </table>
    53.  
    Исправил, теперь более упорядочено. И как в радуге =)
     
  9. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    [vs]
    В своем блоге я как раз использовал tango theme =) Почти все.