Прошу помощи у тех кто шарит в вордпресс)

0

2

есть верстка , страница тестовая вот ее css

body { margin: 0; background: url(img/1.jpg); }

#fountainTextG{ width:650px; margin:auto;

}

.fountainTextG{

margin: 0 auto; padding-left: 10px; padding-bottom: 10px; color:rgb(0,0,0); font-size:60px; text-decoration:none; font-weight:normal; font-style:normal; font-family: 'Orbitron', sans-serif; float:left; animation-name:bounce_fountainTextG; -o-animation-name:bounce_fountainTextG; -ms-animation-name:bounce_fountainTextG; -webkit-animation-name:bounce_fountainTextG; -moz-animation-name:bounce_fountainTextG; animation-duration:3.19s; -o-animation-duration:3.19s; -ms-animation-duration:3.19s; -webkit-animation-duration:3.19s; -moz-animation-duration:3.19s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.5); -o-transform:scale(.5); -ms-transform:scale(.5); -webkit-transform:scale(.5); -moz-transform:scale(.5); }#fountainTextG_1{ animation-delay:1.14s; -o-animation-delay:1.14s; -ms-animation-delay:1.14s; -webkit-animation-delay:1.14s; -moz-animation-delay:1.14s; } #fountainTextG_2{ animation-delay:1.37s; -o-animation-delay:1.37s; -ms-animation-delay:1.37s; -webkit-animation-delay:1.37s; -moz-animation-delay:1.37s; } #fountainTextG_3{ animation-delay:1.59s; -o-animation-delay:1.59s; -ms-animation-delay:1.59s; -webkit-animation-delay:1.59s; -moz-animation-delay:1.59s; } #fountainTextG_4{ animation-delay:1.82s; -o-animation-delay:1.82s; -ms-animation-delay:1.82s; -webkit-animation-delay:1.82s; -moz-animation-delay:1.82s; } #fountainTextG_5{ animation-delay:2.05s; -o-animation-delay:2.05s; -ms-animation-delay:2.05s; -webkit-animation-delay:2.05s; -moz-animation-delay:2.05s; } #fountainTextG_6{ animation-delay:2.28s; -o-animation-delay:2.28s; -ms-animation-delay:2.28s; -webkit-animation-delay:2.28s; -moz-animation-delay:2.28s; } #fountainTextG_7{ animation-delay:2.5s; -o-animation-delay:2.5s; -ms-animation-delay:2.5s; -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; } #fountainTextG_8{ animation-delay:2.73s; -o-animation-delay:2.73s; -ms-animation-delay:2.73s; -webkit-animation-delay:2.73s; -moz-animation-delay:2.73s; }

@keyframes bounce_fountainTextG{ 0%{ transform:scale(1); color:rgba(255,255,255,0.98); }

100%{ transform:scale(.5); color:rgb(255,255,255); } }

@-o-keyframes bounce_fountainTextG{ 0%{ -o-transform:scale(1); color:rgba(255,255,255,0.98); }

100%{ -o-transform:scale(.5); color:rgb(255,255,255); } }

@-ms-keyframes bounce_fountainTextG{ 0%{ -ms-transform:scale(1); color:rgba(255,255,255,0.98); }

100%{ -ms-transform:scale(.5); color:rgb(255,255,255); } }

@-webkit-keyframes bounce_fountainTextG{ 0%{ -webkit-transform:scale(1); color:rgba(255,255,255,0.98); }

100%{ -webkit-transform:scale(.5); color:rgb(255,255,255); } }

@-moz-keyframes bounce_fountainTextG{ 0%{ -moz-transform:scale(1); color:rgba(255,255,255,0.98); }

100%{ -moz-transform:scale(.5); color:rgb(255,255,255); } } @media screen and (max-width: 768px) { .ls{ display: none; } } .l{ border-radius: 10px; } .content{ background-image: url(«img/1.jpg»); height: 500px; } .navbar-nav { float: none; text-align: center; background-color: black; } .navbar-nav li { float: none; display: inline-block; background-color: black; } .clas{ position: relative; text-align: center; border-width: 5px; border-style: solid; border-color: red; padding-left: 30px; text-align: center; height: 30px; } .center{ width: 400px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ padding: 10px; /* Поля вокруг текста */ text-align: left; /* Выравнивание содержимого слоя по левому краю */ } .navbar-inverse{ background-color: black; border-width: 1px; border-style: solid; border-color: #CCC; } @thumbnail-padding: 1px; @thumbnail-border: #c9c9c9; .img{ width: 200px; height: 200px; }

html

<!DOCTYPE html> <html lang=«en»> <head> <meta charset=«utf-8»> <meta name=«viewport» content=«width=device-width, initial-scale=1.0»> <meta name=«description» content=«SHIELD - Free Bootstrap 3 Theme»> <meta name=«author» content=«Carlos Alvarez - Alvarez.is - blacktie.co»> <link rel=«shortcut icon» href=«assets/ico/favicon.png»> <meta name=«viewport» content=«width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no»> <link rel=«stylesheet» media=«all» href=«css/style.css»> <title> SHIELD - Free Bootstrap 3 Theme</title>

<link href=«assets/css/bootstrap.css» rel=«stylesheet»>

<link href=«assets/css/main.css» rel=«stylesheet»> <link rel=«stylesheet» href=«assets/css/icomoon.css»> <link href=«assets/css/animate-custom.css» rel=«stylesheet»>

<div class=«navbar navbar-inverse »> <div class=«container»> <div class=«navbar-header»> <button type=«button» class=«navbar-toggle» data-toggle=«collapse» data-target=".navbar-collapse"> <span class=«icon icon-shield» style=«font-size:30px; color:#3498db;»></span> </button> <a class=«navbar-brand hidden-xs hidden-sm» href=«#home»><span class=«icon icon-shield» style=«font-size:18px; color:#3498db;»></span></a> </div> <div class=«navbar-collapse collapse»> <ul class=«nav navbar-nav»> <li><a href=«#home» class=«smoothScroll»>UOMO</a></li> <li> <a href=«#about» class=«smoothScroll»> DANNA</a></li> <li> <a href=«#services» class=«smoothScroll»> GIOVANE</a></li> </div> </div> </div> </div> </div> <div class=«row»> <div class=«col-md-12»>

<div id=«body»> <div class=«container»> <div class=«last-products»> <h2>Last added products</h2> <section class=«products»> <article> <img class=«img» src=«img/2.png » alt=«»> <h3>Excepteur sint occaecat</h3> <h4>$1 850.00</h4> <a href=«cart.html» class=«btn-add»>Add to cart</a> </article> <article> <img class=«img» src=«img/2.png » alt=«»> <h3>Excepteur sint occaecat</h3> <h4>$1 850.00</h4> <a href=«cart.html» class=«btn-add»>Add to cart</a> </article> <article> <img class=«img» src=«img/2.png » alt=«»> <h3>Excepteur sint occaecat</h3> <h4>$1 850.00</h4> <a href=«cart.html» class=«btn-add»>Add to cart</a> </article> <article> <img class=«img» src=«img/2.png » alt=«»> <h3>Excepteur sint occaecat</h3> <h4>$1 850.00</h4> <a href=«cart.html» class=«btn-add»>Add 4444444to cart</a> </article> <article> <img class=«img» src=«img/2.png » alt=«»> <h3>Excepteur sint occaecat</h3> <h4>$1 850.00</h4> <a href=«cart.html» class=«btn-add»>Add to cart</a> </article> </section> </div> </div>  </div>  </div> </div>

как это импортировать или что то подобное на вордпресс ??? что только не делал .. то верстка едет то еще какае то дичь ....да ..кот дерьмо и т д ... но хочу научиться а оно чет не работает (

Перемещено leave из general

Ссылка

Осиль LORCODE для начала.

~~FIL~~ ★★★★
(01.12.16 11:07:05 MSK)

Даже слов нет.

pkurg ★★★★
(01.12.16 11:47:28 MSK)

Код невозможно читать, оформите тэгами (www.linux.org.ru/help/lorcode.md) если хотите чтобы помогли.

Пример (пробелы добавлены для показа разметки):

[c o d e = HTML]
<html>
<body>
<p>LOR</p>
</body>
</html>
[/c o d e]

anonymous
(01.12.16 12:53:56 MSK)

https://codex.wordpress.org/Создание_тем

anonymous
(01.12.16 13:11:23 MSK)

Миленько ^_^

что только не делал

Ой ну вот только не начинай, а.

По делу, в css как и в html есть до чертиков незакрытых тегов, это и есть причина:

то верстка едет то еще какае то дичь

какае

Кто «какае» если не секрет? :)

Стилизованый код можешь посмотреть тут: HTML CSS

P.S Работоспособность не проверял, но ошибки в коде были исправленны.
P.P.S заметил у ТС-а вместо привычных кавычек дичь вроде «» это норма?

flappyright ★
(01.12.16 16:38:06 MSK)

Во первых лоркод, во вторых выражайся подробно и лаконично.

rumgot ★★★★★
(01.12.16 17:05:43 MSK)

Ответ на: Миленько ^_^ от flappyright 01.12.16 16:38:06 MSK

это норма?

Для ЛОРа - да. Это местный мем.

shrub ★★★★★
(01.12.16 17:09:48 MSK)

Миленько ^_^

Похожие темы