Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Правильная вставка CSS в PHP

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
au_23
Отправлено: 28 Октября, 2015 - 16:47:25
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
Как правильно вставить CSS внутрь кода PHP не используя файлы стилей?
 
 Top
andrewkard
Отправлено: 28 Октября, 2015 - 17:07:50
Post Id


Участник


Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014  


Помог: 30 раз(а)
au_23
PHP:
скопировать код в буфер обмена
  1.  
  2. <?PHP $style = '.class{};'; ?>
  3. <html>
  4. <style>
  5.     <?=$style; ?>  
  6. </style>
  7. </html>
  8.  
 
 Top
au_23
Отправлено: 28 Октября, 2015 - 17:13:58
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
andrewkard пишет:
au_23
PHP:
скопировать код в буфер обмена
  1.  
  2. <?PHP $style = '.class{};'; ?>
  3. <html>
  4. <style>
  5.     <?=$style; ?>  
  6. </style>
  7. </html>
  8.  


PHP:
скопировать код в буфер обмена
  1.  
  2. .wrapper {
  3.         height: 670px;
  4.         margin: 40px auto 0;
  5.         position: relative;
  6.         width: 500px;
  7. }
  8.  
  9. .slider {
  10.         height: inherit;
  11.         overflow: hidden;
  12.         position: relative;
  13.         width: inherit;
  14.         -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  15.         -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  16.         -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  17.         box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  18. }
  19.  
  20. .slides {
  21.         height: 670px;
  22.         opacity: 0;
  23.         position: absolute;
  24.         width: 500px;
  25.         z-index: 0;
  26.         -webkit-transform: scale(1.5);
  27.         -moz-transform: scale(1.5);
  28.         -o-transform: scale(1.5);
  29.         transform: scale(1.5);
  30.         -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  31.         -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  32.         -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  33.         transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  34. }
  35.                
  36. .wrapper > input {
  37.         display: none;
  38. }
  39. .wrapper .controls {
  40.         left: 43%;
  41.         margin-left: -220px;
  42.         position: absolute;
  43. }
  44.  


а это куда поместить, извините за глупый вопрос..?
 
 Top
andrewkard
Отправлено: 28 Октября, 2015 - 17:20:19
Post Id


Участник


Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014  


Помог: 30 раз(а)
сюда <?PHP $style = '.class{};'; ?>
 
 Top
au_23
Отправлено: 29 Октября, 2015 - 09:27:58
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
andrewkard пишет:
сюда <?PHP $style = '.class{};'; ?>


<?PHP $style = '.class{};'; ?>
результат
Parse error: syntax error, unexpected ''; ' (T_CONSTANT_ENCAPSED_STRING)

я правильно понимаю

<?PHP $style = '.class{
.link a {
display: block;
text-align: center;
height: 100%;
}

};'; ?>

(Отредактировано автором: 29 Октября, 2015 - 09:30:06)

 
 Top
alnik-75
Отправлено: 29 Октября, 2015 - 09:37:15
Post Id



Посетитель


Покинул форум
Сообщений всего: 338
Дата рег-ции: Сент. 2012  
Откуда: Гродно, Беларусь


Помог: 0 раз(а)
Круто ты , конечно, придумал.
PHP:
скопировать код в буфер обмена
  1. <?PHP $style = '.class{};'; ?>

Это ж для примера.


PHP:
скопировать код в буфер обмена
  1.  
  2. <?PHP
  3.             $style = '
  4.                .link a {
  5.                     display: block;
  6.                     text-align: center;
  7.                     height: 100%;
  8.                 }
  9.            ';
  10.  ?>
  11.  

(Отредактировано автором: 29 Октября, 2015 - 09:46:03)

 
 Top
au_23
Отправлено: 29 Октября, 2015 - 10:01:10
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.  
  3. <?php
  4.  
  5. $str=60;
  6. $style = '
  8.                 {
  9.         margin: 0;
  10.         padding: 0;
  11.         -webkit-box-sizing: border-box;
  12.         -moz-box-sizing: border-box;
  13.         -o-box-sizing: border-box;
  14.         box-sizing: border-box;
  15. }
  17. body {
  18.        
  19. }
  21. .wrapper {
  22.         height: 670px;
  23.         margin: 40px auto 0;
  24.         position: relative;
  25.         width: 500px;
  26. }
  28. .slider {
  29.         height: inherit;
  30.         overflow: hidden;
  31.         position: relative;
  32.         width: inherit;
  33.         -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  34.         -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  35.         -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  36.         box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  37. }
  39. .slides {
  40.         height: 670px;
  41.         opacity: 0;
  42.         position: absolute;
  43.         width: 500px;
  44.         z-index: 0;
  45.         -webkit-transform: scale(1.5);
  46.         -moz-transform: scale(1.5);
  47.         -o-transform: scale(1.5);
  48.         transform: scale(1.5);
  49.         -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  50.         -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  51.         -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  52.         transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  53. }
  54.                
  55. .wrapper > input {
  56.         display: none;
  57. }
  58. .wrapper .controls {
  59.         left: 43%;
  60.         margin-left: -220px;
  61.         position: absolute;
  62. }
  64. .wrapper label {
  65.         cursor: pointer;
  66.         display: inline-block;
  67.         height: 20px;
  68.         margin: 25px 2px 0 2px;
  69.         position: relative;
  70.         width: 20px;
  71.         -webkit-border-radius: 50%;
  72.         -moz-border-radius: 50%;
  73.         -o-border-radius: 50%;
  74.         border-radius: 50%;
  75.         -webkit-transition: background ease-in-out .5s;
  76.         -moz-transition: background ease-in-out .5s;
  77.         -o-transition: background ease-in-out .5s;
  78.         transition: background ease-in-out .5s;
  79. }
  81. .wrapper label: after {
  82.         border: 1px solid #ddd;
  83.         content: ' ';
  84.         display: block;
  85.         height: 23px;
  86.         left: -2px;
  87.         position: absolute;
  88.         top: -2px;
  89.         width: 23px;
  90.         -webkit-border-radius: 50%;
  91.         -moz-border-radius: 50%;
  92.         -o-border-radius: 50%;
  93.         border-radius: 50%;
  94. }
  95. .link {
  96.         width: 500px;
  97.         height: 670px;
  98. }
  99. .link a {
  100.         display: block;
  101.         text-align: center;
  102.         height: 100%;
  103. }
  104. a{
  105.         text-decoration: none;
  106. }
  107. ';
  108.  
  109.  
  110.  
  111. $x=0;
  112. while ($x<$str)
  113. {
  114.         $x++;
  115.         echo ".slide".$x." { background-image: url(book14/m".$x.".jpg); }";
  116.         echo "
  117.                         #slide".$x.":checked ~ .slider > .slide".$x."
  118.                                
  119.                         {
  120.                                 opacity: 1;
  121.                                 z-index: 1;
  122.                                 -webkit-transform: scale(1);
  123.                                 -moz-transform: scale(1);
  124.                                 -o-transform: scale(1);
  125.                                 transform: scale(1);
  126.                         }
  127.                         ";
  128.         echo ".wrapper label:hover,#slide".$x."1:checked ~ .controls label:nth-of-type(".$x."),
  129.                                 {
  130.                                         background: #ddd;
  131.                                 }
  132.                         ";
  133.        
  134. }
  135. echo "</style>";
  136.  
  137.  
  138. echo "<center><br><b><a href='http://chl.kiev.ua/Default.aspx?id=7221'>Книга памяті мого роду</A><br></B>";
  139.  
  140. echo "<div class=wrapper>";
  141.  
  142. $f=0;
  143. while ($f<$str)
  144. {
  145.        
  146.         if ($f == 1) {
  147.                 $b = 'radio CHECKED name=point>';
  148.         }
  149.         else {
  150.                 $b = 'radio name=point>';
  151.         }
  152.         echo "<input id=slide".$f." type=".$b; 
  153.         $f++;
  154. };
  155.  
  156. echo "<div class=slider>";
  157.  
  158. $y=0;
  159. while ($y<$str)
  160. {
  161.         $y++;
  162.         echo "<div class='slides slide".$y." link'><a href='book14/".$y.".jpg'></A></DIV>";
  163. }
  164.  
  165. echo "</div>";
  166.  
  167.  
  168. echo "<div class=controls>";
  169.  
  170. $u=0;
  171. while ($u<$str)
  172. {
  173.         $u++;
  174.         echo "<label for=slide".$u.">".$u."</LABEL>";
  175. }
  176. echo "</div></div></center>";
  177. ?>
  178.  
  179.  



всеравно ошибка
(Добавление)
Parse error: syntax error, unexpected ''; ' (T_CONSTANT_ENCAPSED_STRING) in /1/5.php on line 106

по этому листингу в 107

(Отредактировано автором: 29 Октября, 2015 - 10:04:34)

 
 Top
alnik-75
Отправлено: 29 Октября, 2015 - 10:26:45
Post Id



Посетитель


Покинул форум
Сообщений всего: 338
Дата рег-ции: Сент. 2012  
Откуда: Гродно, Беларусь


Помог: 0 раз(а)
кавычки смотри
 
 Top
au_23
Отправлено: 29 Октября, 2015 - 10:40:37
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
alnik-75 пишет:
кавычки смотри


что в кавычках проблема я понял.... а что за проблема не понятно )))
 
 Top
alnik-75
Отправлено: 29 Октября, 2015 - 11:56:05
Post Id



Посетитель


Покинул форум
Сообщений всего: 338
Дата рег-ции: Сент. 2012  
Откуда: Гродно, Беларусь


Помог: 0 раз(а)
au_23 пишет:
alnik-75 пишет:
кавычки смотри


что в кавычках проблема я понял.... а что за проблема не понятно )))

значение переменной в двойные кавычки заключи

(Отредактировано автором: 29 Октября, 2015 - 11:57:50)

 
 Top
au_23
Отправлено: 29 Октября, 2015 - 13:46:21
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
alnik-75 пишет:
au_23 пишет:
alnik-75 пишет:
кавычки смотри


что в кавычках проблема я понял.... а что за проблема не понятно )))

значение переменной в двойные кавычки заключи


к сожалению моему.... не работает...
 
 Top
Faraon-san
Отправлено: 29 Октября, 2015 - 14:49:34
Post Id



Посетитель


Покинул форум
Сообщений всего: 318
Дата рег-ции: Сент. 2013  


Помог: 8 раз(а)
PHP:
скопировать код в буфер обмена
  1. $style = "
  2.                {
  3.        margin: 0;
  4.        padding: 0;
  5.        -webkit-box-sizing: border-box;
  6.        -moz-box-sizing: border-box;
  7.        -o-box-sizing: border-box;
  8.        box-sizing: border-box;
  9. }
  10. body {
  11.      
  12. }
  13. .wrapper {
  14.        height: 670px;
  15.        margin: 40px auto 0;
  16.        position: relative;
  17.        width: 500px;
  18. }
  19. .slider {
  20.        height: inherit;
  21.        overflow: hidden;
  22.        position: relative;
  23.        width: inherit;
  24.        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  25.        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  26.        -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  27.        box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  28. }
  29. .slides {
  30.        height: 670px;
  31.        opacity: 0;
  32.        position: absolute;
  33.        width: 500px;
  34.        z-index: 0;
  35.        -webkit-transform: scale(1.5);
  36.        -moz-transform: scale(1.5);
  37.        -o-transform: scale(1.5);
  38.        transform: scale(1.5);
  39.        -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  40.        -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  41.        -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  42.        transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  43. }
  44.              
  45. .wrapper > input {
  46.        display: none;
  47. }
  48. .wrapper .controls {
  49.        left: 43%;
  50.        margin-left: -220px;
  51.        position: absolute;
  52. }
  53. .wrapper label {
  54.        cursor: pointer;
  55.        display: inline-block;
  56.        height: 20px;
  57.        margin: 25px 2px 0 2px;
  58.        position: relative;
  59.        width: 20px;
  60.        -webkit-border-radius: 50%;
  61.        -moz-border-radius: 50%;
  62.        -o-border-radius: 50%;
  63.        border-radius: 50%;
  64.        -webkit-transition: background ease-in-out .5s;
  65.        -moz-transition: background ease-in-out .5s;
  66.        -o-transition: background ease-in-out .5s;
  67.        transition: background ease-in-out .5s;
  68. }
  69. .wrapper label: after {
  70.        border: 1px solid #ddd;
  71.        content: ' ';
  72.        display: block;
  73.        height: 23px;
  74.        left: -2px;
  75.        position: absolute;
  76.        top: -2px;
  77.        width: 23px;
  78.        -webkit-border-radius: 50%;
  79.        -moz-border-radius: 50%;
  80.        -o-border-radius: 50%;
  81.        border-radius: 50%;
  82. }
  83. .link {
  84.        width: 500px;
  85.        height: 670px;
  86. }
  87. .link a {
  88.        display: block;
  89.        text-align: center;
  90.        height: 100%;
  91. }
  92. a{
  93.        text-decoration: none;
  94. }
  95. ";
 
 Top
alnik-75
Отправлено: 29 Октября, 2015 - 15:00:35
Post Id



Посетитель


Покинул форум
Сообщений всего: 338
Дата рег-ции: Сент. 2012  
Откуда: Гродно, Беларусь


Помог: 0 раз(а)
а чего во второй строке отсутствует класс?
 
 Top
au_23
Отправлено: 29 Октября, 2015 - 15:11:15
Post Id


Новичок


Покинул форум
Сообщений всего: 18
Дата рег-ции: Март 2013  


Помог: 0 раз(а)
там должно быть

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. *{
  3.         margin: 0;
  4.         padding: 0;
  5.         -webkit-box-sizing: border-box;
  6.         -moz-box-sizing: border-box;
  7.         -o-box-sizing: border-box;
  8.         box-sizing: border-box;
  9. }
  10.  


Спасибо за замечание но проблема не в этом месте

сейчас трабл тут

CODE (htmlphp):
скопировать код в буфер обмена
  1. .wrapper label: after {
  2.         border: 1px solid #ddd;
  3.         content: ' ';
  4.         display: block;
  5.         height: 23px;
  6.         left: -2px;
  7.         position: absolute;
  8.         top: -2px;
  9.         width: 23px;
  10.         -webkit-border-radius: 50%;
  11.         -moz-border-radius: 50%;
  12.         -o-border-radius: 50%;
  13.         border-radius: 50%;
  14. }
 
 Top
Faraon-san
Отправлено: 29 Октября, 2015 - 16:31:53
Post Id



Посетитель


Покинул форум
Сообщений всего: 318
Дата рег-ции: Сент. 2013  


Помог: 8 раз(а)
http://php.net/manual/ru/languag...types.string.php
тут решение твоих ошибок!
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB