Как вставить в html флаг страны
Перейти к содержимому

Как вставить в html флаг страны

  • автор:

Финский флаг в HTML

схема флага

Поэтому, если я нигде не просчитался, получается так:

html, body < height: 100%; margin: 0; >html < background: linear-gradient(135deg, antiquewhite, silver); padding: 1em 32%; box-sizing: border-box; >div:before < content: ""; display: block; padding-top: 61.111%; >div

Отслеживать
ответ дан 3 сен 2018 в 17:53
122k 24 24 золотых знака 124 124 серебряных знака 299 299 бронзовых знаков

мне нужно было именно таблицами )) пока чтот не понимаю, текст ваш вставляяу в редактор и не получается

3 сен 2018 в 18:04

@alex, про таблицы в вопросе не сказано. Переделай селектор с div’а на какой-нибудь класс (и не забудь его на div поставить). Не может не получаться, потому что тут всё работает — сам же видишь в сниппете. И обрати внимание, что перед white нет запятой.

3 сен 2018 в 18:05

ладно парни не запаривайтесь я просто туплю ))) начинающий, про таблицы забыл сказать извените (( ещё раз большое вам спасибо

Флаги стран и как поставить на сайт uCoz

Флаги стран и как поставить на сайт uCoz

1) Первое что делаем, это как говорил закидываем на свой сайт.
2) Потом нужно зайти в Панель Управления » Пользователи » Настройка модуля и ставим флажок в поле «страна»
3) Остается только вид материалов форума, чтоб установить код.

Просто у вас будет папка, правее жмем и узнаем ссылку на ее, что и нужно в скрипт поставить.

Теперь у кого стоит IP

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

Просто если установить новый, они будут конфликтовать и нужно оставить один.
На этом вся установка закончена, не забываем все сохранить. И при установке любого скрипта или замены, лучше зайти Резервное копирование (backup) и сделать сохранение.

PS — кто не хочет закачивать а просто вывести флаг, вы можете уже воспользоваться ссылкой, где все они залиты.

Выбор флага страны по коду.

image

window.onload = function () var links = _( ‘a.word’ );
for ( var i = 0; i < links.length; i++) links[i].onclick = clickOnWord;
>
_( ‘#get’ ).onclick = function () if (_( ‘#word_1’ ).value.length > 0) var pos_1 = word_array.indexOf(_( ‘#word_1’ ).value) * 15;
pos_1 = pos_1 * 1.0645;
> else var pos_1 = 0;
>
if (_( ‘#word_2’ ).value.length > 0) var pos_2 = word_array.indexOf(_( ‘#word_2’ ).value) * 15;
> else var pos_2 = 0;
>
_( ‘#flag’ ).style.backgroundPosition = ‘-‘ + (pos_1) + ‘px ‘ + ‘-‘
+ (pos_2) + ‘px’ ;
>
_( ‘#reset’ ).onclick = function () _( ‘#word_1’ ).value = » ;
_( ‘#word_2’ ).value = » ;
_( ‘#flag’ ).style.backgroundPosition = ‘0px 0px’ ;
>
>
function clickOnWord() var word_1 = _( ‘#word_1’ );
var word_2 = _( ‘#word_2’ );
if (word_1.value.length > 0 && word_2.value.length > 0) word_1.value = » ;
word_2.value = » ;
>
if (word_1.value.length > 0) word_2.value = this .innerHTML;
> else word_1.value = this .innerHTML;
>
return false ;
>

* This source code was highlighted with Source Code Highlighter .

var word_array = new Array(26);
word_array[0] = ‘_’ ;
word_array[1] = ‘a’ ;
word_array[2] = ‘b’ ;
word_array[3] = ‘c’ ;
word_array[4] = ‘d’ ;
word_array[5] = ‘e’ ;
word_array[6] = ‘f’ ;
word_array[7] = ‘g’ ;
word_array[8] = ‘h’ ;
word_array[9] = ‘i’ ;
word_array[10] = ‘j’ ;
word_array[11] = ‘k’ ;
word_array[12] = ‘l’ ;
word_array[13] = ‘m’ ;
word_array[14] = ‘n’ ;
word_array[15] = ‘o’ ;
word_array[16] = ‘p’ ;
word_array[17] = ‘q’ ;
word_array[18] = ‘r’ ;
word_array[19] = ‘s’ ;
word_array[20] = ‘t’ ;
word_array[21] = ‘u’ ;
word_array[22] = ‘v’ ;
word_array[23] = ‘w’ ;
word_array[24] = ‘x’ ;
word_array[25] = ‘y’ ;
word_array[26] = ‘z’ ;

* This source code was highlighted with Source Code Highlighter .

PS те кто обратил внимание на код, так же должны обратить внимание, что это не рабочий код, данный метод не имеет смысла использовать на сайтах.

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

Как установить флаг страны в select?

Нужно установить флаг в select при выборе страны!
Кто с таким сталкивался?

  • Вопрос задан более трёх лет назад
  • 4903 просмотра

Комментировать

Решения вопроса 0

Ответы на вопрос 2

viktorvsk

Ответ написан более трёх лет назад

Нравится 2 1 комментарий

zoonman

Отличный компонент. Рекомендую к использованию!

Taraflex

Ищу работу. Контакты в профиле.

Ответ написан более трёх лет назад

Нравится 1 7 комментариев

Extra0 @Extra0 Автор вопроса

я так понимаю только с gif работает data-image ? с png нет?

Taraflex

@Extra0 эм. залейте пример, где у вас не пашет png.

Extra0 @Extra0 Автор вопроса

Taraflex

@Extra0 и вы действительно считаете, что по скриншоту кода я должен что-то понять?

Taraflex

@Extra0 Если будет всего 2 страны то накидал еще вот такой пример jsfiddle.net/QW01_01/6th3xare/2

Taraflex

@Extra0 даже так jsfiddle.net/QW01_01/6th3xare/3 пожалуй.

Extra0 @Extra0 Автор вопроса

@Taraflex извиняюсь за вырваные из контекста ссылки!! — Вот select c2n.me/iX5HQI и слева от страны (в селекте нужно сделать флаги)

Ваш ответ на вопрос

Войдите, чтобы написать ответ

javascript

  • JavaScript
  • +1 ещё

Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?

  • 1 подписчик
  • 2 часа назад
  • 21 просмотр

javascript

  • JavaScript
  • +1 ещё

Почему не выполняется функция в React.js из библиотеки WebTorrent?

  • 1 подписчик
  • 5 часов назад
  • 43 просмотра

javascript

  • JavaScript

Параметры функцийв JS?

  • 1 подписчик
  • 9 часов назад
  • 70 просмотров

html

  • HTML
  • +1 ещё

Как пофиксти проблему с амперсантом?

  • 1 подписчик
  • 10 часов назад
  • 54 просмотра

html

  • HTML
  • +2 ещё

Подобное поведение норма?

  • 1 подписчик
  • 13 часов назад
  • 105 просмотров

html

  • HTML
  • +3 ещё

Почему не работает переход на страницу?

  • 1 подписчик
  • 13 часов назад
  • 107 просмотров

javascript

  • JavaScript
  • +1 ещё

Как корректно передать eventPropGetter?

  • 1 подписчик
  • 13 часов назад
  • 62 просмотра

javascript

  • JavaScript

Как отследить запросы?

  • 3 подписчика
  • 14 часов назад
  • 579 просмотров

javascript

  • JavaScript
  • +1 ещё

Почему не происходит Navigate?

  • 1 подписчик
  • 14 часов назад
  • 34 просмотра

javascript

  • JavaScript

Почему в рекурсия не возвращает увеличенный счётчик?

  • 1 подписчик
  • 21 час назад
  • 68 просмотров

от 200 000 до 600 000 ₽

от 180 000 ₽

Zaymigo • Нижний Новгород

20 нояб. 2023, в 09:22

50000 руб./за проект

20 нояб. 2023, в 07:54

13000 руб./за проект

20 нояб. 2023, в 07:06

20000 руб./за проект

Минуточку внимания

Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *