LINUX.ORG.RU

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

 , ,


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>

<!-- Bootstrap core CSS --> <link href=«assets/css/bootstrap.css» rel=«stylesheet»>

<!-- Custom styles for this template --> <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»>

<link href='css.css' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'> <script src=«assets/js/jquery.min.js»></script> <script type=«text/javascript» src=«assets/js/modernizr.custom.js»></script> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src=«assets/js/html5shiv.js»></script> <script src=«assets/js/respond.min.js»></script> <![endif]--> </head>

<body data-spy=«scroll» data-offset=«0» data-target=«#navbar-main»> <div class=«col-md-12»> <div class=«center»> <div id=«fountainTextG»><div id=«fountainTextG_1» class=«fountainTextG»>D</div><div id=«fountainTextG_2» class=«fountainTextG»>E</div><div id=«fountainTextG_3» class=«fountainTextG»>M</div><div id=«fountainTextG_4» class=«fountainTextG»>A</div><div id=«fountainTextG_5» class=«fountainTextG»>T</div><div id=«fountainTextG_6» class=«fountainTextG»>I</div><div id=«fountainTextG_7» class=«fountainTextG»>E</div><div id=«fountainTextG_8» class=«fountainTextG»>R</div></div> </div> </div> <div class=«col-md-12»><div id=«navbar-main»> <!-- Fixed navbar -->

<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><!--/.nav-collapse --> </div> </div> </div> </div> <div class=«row»> <div class=«col-md-12»> <!-- / body -->

<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> <!-- / container --> </div> <!-- / body --> </div> </div> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster -->

<script type=«text/javascript» src=«assets/js/bootstrap.min.js»></script> <script type=«text/javascript» src=«assets/js/retina.js»></script> <script type=«text/javascript» src=«assets/js/jquery.easing.1.3.js»></script> <script type=«text/javascript» src=«assets/js/smoothscroll.js»></script> <script type=«text/javascript» src=«assets/js/jquery-func.js»></script> </body> </html>

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

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


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

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

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

anonymous ()

Миленько ^_^

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

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

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

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

какае

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

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

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

flappyright ()

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

rumgot ★★★★★ ()
Ответ на: Миленько ^_^ от flappyright

это норма?

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

shrub ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.