[org][org-head]Магазин[/org-head][/org]
Добро пожаловать в форумный магазин фонов, иконок и всего-всего!
В нашем заведении вы можете не только ознакомиться с ассортиментом на полках, но и посмотреть, как та или иная иконка или фон будут смотреться именно на вас - для этого достаточно зайти в примерочную, нажав на соответствующую кнопку (примерочная появляется под всеми полками магазина).
Так же мы постарались облегчить для вас процесс шоппинга - просто нажмите на понравившуюся вам позицию на полке и она сразу же добавится в корзину. А в конце достаточно нажать на кнопку "Купить" и вы получить текст для Банка, по которому первый же освободившийся админ-консультант выдаст вам все покупки.
Надеемся, вы будете получать удовольствие от покупок в нашем магазине!
P.S. Ассортимент регулярно обновляется со сменой дизайнов.
P.S.S. Бесплатный фон выдается один на один профиль.
[html]<div class="tab-menu">
<input type="radio" id="tab1" name="tab-control" checked="">
<input type="radio" id="tab2" name="tab-control" >
<input type="radio" id="tab3" name="tab-control" >
<input type="radio" id="tab4" name="tab-control" >
<ul class="tabs">
<li><label for="tab1" role="button"><span>фоны профиля</span></label></li>
<li><label for="tab2" role="button"><span>фоны личной страницы</span></label></li>
<li><label for="tab3" role="button"><span>иконки</span></label></li>
<li><label for="tab4" role="button"><span>паттерны</span></label></li>
</ul>
<div class="shop">
<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>sweet autumn</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>0</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/433485.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/38583.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/546990.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную" onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>witching season</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>500</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/138900.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/612949.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/276570.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/626309.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/743069.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/215486.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/997906.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/208436.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную" onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>spicy latte</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>1000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/184184.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/198535.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/343371.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/518173.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/737988.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/937108.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/546499.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/711768.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную" onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>taste it</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>1500</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/375437.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/219579.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/548101.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/853962.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/256611.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/661819.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/822104.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/137599.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную" onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>old story</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>2000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/923693.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/135391.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/733187.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/226452.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/244664.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/491371.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/236571.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/771646.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную"onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>purrrple</h3>
<span class="shop-category-info" title="profile_back">Цена: <p>1000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/206154.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/779709.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/248442.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/927668.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/811159.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/941707.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/154657.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/676399.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную"onclick="moveImagesToFittingRoom(this)"/>
</div></div>
</section>
<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>secret night</h3>
<span class="shop-category-info" title="ps_back">Цена: <p>1000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/360455.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/688789.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/356635.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/256147.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/535598.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/846896.png">
</div>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>sweet morning</h3>
<span class="shop-category-info" title="ps_back">Цена: <p>1500</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/79/795786.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/79/648504.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/921072.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/940931.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/354448.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/590881.png">
</div>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>dark embrace </h3>
<span class="shop-category-info" title="ps_back">Цена: <p>2000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/605330.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/887364.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/789977.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/651702.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/281231.png">
</div>
<div class="shop-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/128105.png">
</div>
</div></div>
</div>
</section>
<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>mixed emotions</h3>
<span class="shop-category-info" title="icon">Цена: <p>300</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/836410.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/779505.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/493031.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/541161.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/701758.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/704235.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/310231.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/632454.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">9</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/524130.gif">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную"onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>ultra violet</h3>
<span class="shop-category-info" title="icon">Цена: <p>500</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/672808.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/966639.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/57310.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/394723.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/462823.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/259472.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/687235.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/370995.png">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">9</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/352038.png">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную"onclick="moveImagesToFittingRoom(this)"/>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>poop time</h3>
<span class="shop-category-info" title="icon">Цена: <p>1000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements">
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/991099.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/698521.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/425504.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">4</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/824723.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">5</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/314273.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">6</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/981525.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">7</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/729987.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">8</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/358631.gif">
</div>
<div class="shop-icon-element" onclick="selectItem(this)">
<span class="shop-element-info">9</span>
<img src="https://upforme.ru/uploads/001c/7c/51/9/463058.gif">
</div>
</div>
<input class="run_fitting_room" type="button" value="Войти в примерочную" onclick="moveImagesToFittingRoom(this)"/>
</div></div>
</section>
<section>
<div class="shop-category">
<div class="shop-category-meta">
<h3>star dust</h3>
<span class="shop-category-info" title="profile_pattern">Цена: <p>1000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements pattern">
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/527379.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/454646.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/216396.png">
</div>
</div>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>up to heaven</h3>
<span class="shop-category-info" title="profile_pattern">Цена: <p>2000</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements pattern">
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/700250.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/581910.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/19337.png">
</div>
</div>
</div></div>
<div class="shop-category">
<div class="shop-category-meta">
<h3>winter is coming</h3>
<span class="shop-category-info" title="profile_pattern">Цена: <p>2500</p> риотов</span>
</div>
<div class="shop-category-container">
<div class="shop-category-elements pattern">
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">1</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/155172.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">2</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/168476.png">
</div>
<div class="shop-element pattern" onclick="selectItem(this)">
<span class="shop-element-info">3</span>
<img src="https://upforme.ru/uploads/001c/7c/51/198/685880.png">
</div>
</div>
</div></div>
</section>
</div></div>
<input class="buy" type="button" value="Купить" onclick="buy()"/>
<div class="patterns">
<span id='in_cart'>в корзине</span><span id='shopping_list'>Список покупок</span><span id='total'>Итого к оплате</span><span id='profile_back'>Фон профиля </span><span id='icon'>Иконка </span><span id='ps_back'>Фон личной страницы </span><span id='currency'>риотов</span><span id='q'>для себя (в подарок? тегните получателя подарка через @)</span><span id='q_final'>Какие покупки надеть: (ничего / номер покупки)</span><span id='success_alert_text'>Покупки скопированы в буфер.</span><span id='close_fit'>Закрыть примерочную</span><span id='fit'>Примерочная</span><span id='profile_pattern'>Паттерн </span>
</div>
<script src="https://forumstatic.ru/files/001c/7c/51/22685.js?v=2"></script>
<script src="https://forumstatic.ru/files/001c/7c/51/55873.js?v=8"></script>
<style>
:root {
--font-1: sans-serif;
--font-2: sans-serif;
}
.tab-menu {
position: relative;
width: auto;
display: flex;
padding: 10px;
flex-direction: column;
}
.tab-menu input[name=tab-control] {display: none !important;}
.tab-menu .shop {
overflow-y: auto;
border-radius: 5px;
text-align: justify;}
.tab-menu .shop section {display: none;}
.tab-menu ul.tabs {
list-style-type: none;
display: flex;
gap: 10px;
flex-direction: row;
align-items: center;
padding: 10px;
justify-content: center;
overflow-y: auto;
overflow-x: hidden;
}
.tab-menu ul.tabs span {
min-width: 227px;
text-transform: uppercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
align-content: center;
cursor: pointer;
padding: 10px 20px;
font: 700 10px / 100% var(--font);
text-align: center;
box-sizing: border-box;
background: rgb(var(--bg-sub));
box-shadow: var(--b-shad);
transition: all .2s linear;
}
.tab-menu ul.tabs span:hover {
background: var(--but-bg);
color: var(--but-col);
}
:has(#tab1:checked) ul.tabs:nth-child(1) {
color: var(--org-h-col) !important;
opacity: .5;
}
:has(#tab2:checked) ul.tabs:nth-child(2) {
color: var(--org-h-col) !important;
opacity: .8;
}
:has(#tab3:checked) ul.tabs:nth-child(3) {
color: var(--org-h-col) !important;
opacity: .8;
}
.tab-menu input[name=tab-control]:nth-of-type(1):checked ~ .shop > section:nth-child(1) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(2):checked ~ .shop > section:nth-child(2) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(3):checked ~ .shop > section:nth-child(3) {display: block;}
.tab-menu input[name=tab-control]:nth-of-type(4):checked ~ .shop > section:nth-child(4) {display: block;}
.shop {
width: 100%;
padding: 10px;
background: rgb(var(--bg-sub));
border-radius: 3px;
box-shadow: var(--b-shad);
}
.shop h2 {
text-align: center;
color: var(--org-h-col);
font-family: var(--font-2);
}
.shop-category-meta {
display: flex;
justify-content: space-between; /* Разнести h3 и .shop-category-info */
align-items: center;
margin: 10px 0;
background: rgb(var(--col1) / .2);
padding: 5px;
}
.shop-category {margin-bottom: 10px;}
.shop-category h3 {
font-family: var(--font3);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
color: rgb(var(--col1));
}
.shop-category-info {
display: flex;
color: var(--text-sub);
justify-content: space-between;
font-weight: bold;
gap: 5px;
}
.shop-category-info p {
padding: 0px !important;
color: rgb(var(--col1));
}
.shop-category-container {
background: rgb(var(--bg-main));
padding: 15px 10px 10px 10px;
margin-bottom: 10px;
}
.shop-category-elements {
width: 100%;
height: 100px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 0 0 10px 0;
margin-bottom: 5px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 7px;
}
.shop-element, .shop-icon-element {
position: relative;
height: 90px;
overflow: hidden;
border: 1px solid rgb(var(--col1) / .20);
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
background-color: rgb(var(--bg-sub));
flex-shrink: 0;
}
.fitting_room-container {
display: flex;
gap: 10px;
align-items: flex-start;
}
.icon_panel {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
float: left;
height: 500px;
overflow-y: auto;
}
.shop-element {
width: 200px;
display: inline-block;
vertical-align: top;
}
.shop-category-elements .shop-icon-element {
width: 93px;
height: 85px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
flex-shrink: 0;
padding: 5px;
}
.icon_panel .shop-icon-element {
width: 60px;
height: 45px;
display: flex;
justify-content: space-evenly; /* Разнести h3 и .shop-category-info */
align-items: center;
}
.shop-element-info {
display: block;
text-align: center;
padding: 5px;
}
.shop-element img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
}
.shop-icon-element img {
width: 45px;
display: block;
}
.shop-category-elements.pattern {height:auto;}
.shop-element.pattern {
width: 287px;
height: 188px;
}
.shop-element.pattern img {
height:auto;
background-color: rgb(var(--pt-col-main));
}
.fake {
width: auto !important;
display: inline-block !important;
padding: 0px !important;
margin-right: 10px;
}
.fit_room {display: none;}
.patterns {display: none;}
.fitting_room {
flex: 1;
margin-top: 10px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding-bottom: 10px;
}
.fit_room h2 {
text-align: center;
color: rgb(var(--col1));
font-family: var(--font-2);
}
.cart_flag {
position: absolute;
top: 5px;
left: 0;
z-index: 10;
background: rgb(var(--col1));
color: rgb(var(--l-col));
font-weight: bold;
padding: 2px 5px 2px 5px;
}
.cart_flag::after,
.cart_flag::before {
content: "";
position: absolute;
border-left: 15px solid rgb(var(--col1));
}
.cart_flag::after {
bottom: 0px;
border-top: 15px solid transparent;
}
.cart_flag::before {
top: 0px;
right: -10px;
border-bottom: 15px solid transparent;
}
.fade-slide-down {
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-slide-down.show {
opacity: 1;
transform: translateY(0);
}
</style>
[/html][hideprofile]
*купон на общую скидку применим только к одной позиции