PHP.SU

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

Страниц (8): « 1 2 3 4 [5] 6 7 8 »

> Найдено сообщений: 106
winddancer Отправлено: 29 Октября, 2015 - 21:42:53 • Тема: Первые шаги в CSS, проблема с позиционированием блоков. • Форум: HTML, Дизайн & CSS

Ответов: 7
Просмотров: 1683
Вот опять же.
Взял базу с рекомендованного сайта(там с примерами прикольно есть)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <!doctype html>
  3. <html>
  4.  
  5. <link href="style2.css" rel="stylesheet">
  6. <header>
  7.   <code><header></code>
  8. </header>
  9. <div class = "clr">
  10. <section>
  11.   <code><section> <br> float: left;</code>
  12. </section>
  13.  
  14. <aside>
  15.   <code><aside> <br> float: right;</code>
  16. </aside>
  17. </div>
  18.  
  19. <footer>
  20.   <code><footer></code>
  21. </footer>
  22.  
  23. <br>
  24.  
  25. <div id="header" class="style">
  26.   text
  27. </div>
  28.  
  29. <div id="section" class="style">
  30.   text
  31. </div>
  32.  
  33. <div id="aside" class="style">
  34.   text
  35. </div>
  36.  
  37. <div id="footer" class="style">
  38.   text
  39. </div>
  40.  
  41. </html>


CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. code {
  3.   background: #2db34a;
  4.  border-radius: 6px;
  5.   color: #fff;
  6.  display: block;
  7.   font: 14px/24px "Source Code Pro", Inconsolata, "Lucida Console", Terminal, "Courier New", Courier;
  8.   padding: 24px 15px;
  9.   text-align: center;
  10. }
  11. section,
  12. aside,
  13. footer {
  14.   margin: 0 1.5% 24px 1.5%;
  15. }
  16. section {
  17.   float: left;
  18.   width: 63%;
  19. }
  20. aside {
  21.   float: right;
  22.   width: 30%;
  23. }
  24. footer {
  25.   clear: both;
  26.   margin-bottom: 0;
  27. }
  28.  
  29.  
  30.  
  31. .style{
  32.         background: #c1c1c1;
  33.         border-radius: 6px;
  34.         color: #fff;
  35.         display: block;
  36.         font: 14px/24px "Source Code Pro", Inconsolata, "Lucida Console", Terminal, "Courier New", Courier;
  37.         padding: 24px 15px;
  38.         text-align: center;
  39. }
  40. #header, #section, #aside, #footer{
  41.  margin: 0 1.5% 24px 1.5%;
  42. }
  43. #section {
  44.  float: left;
  45.   width: 61%;
  46. }
  47. #aside {
  48.  float: right;
  49.   width: 30%;
  50. }
  51. #footer {
  52.  clear: both;
  53.   margin-bottom: 0;
  54. }
  55.  


Объясните мне тупому, почему искривляет?
php с мусклом легче было понять, чем в css. Как оно искривляет, для меня - магия.
winddancer Отправлено: 29 Октября, 2015 - 18:53:50 • Тема: Первые шаги в CSS, проблема с позиционированием блоков. • Форум: HTML, Дизайн & CSS

Ответов: 7
Просмотров: 1683
Panoptik пишет:
а чего вы хотите добиться?
верстка - это нечто завязано на определенном образце. приложите картинку чтоли. что хотите получить

а материалов полно в сети, только бы захотеть
http://learn[dot]shayhowe[dot]com/html-c[dot][dot][dot]tioning-content/
http://sv-igor[dot]com/ru/html/78-pr[dot][dot][dot]nutyi-futer[dot]html

что касается фона, так его можно задать прямо для BODY


Хочется типа такого, но и хочется исключительно в css выполнить, так как учусь на ходу, делая свой велосипед.
Ранее все в таблице делал, резал картинку и т.д., но теперь не в кайф чуточку так делать, так как хочется двигаться дальше.

Ваш материал почитаю.(Сайтов таки 10 перерыл по позиционированию, но у меня почему-то всегда выходит корявое. Либо одно на другое налазит, либо еще что)
winddancer Отправлено: 29 Октября, 2015 - 16:56:19 • Тема: Первые шаги в CSS, проблема с позиционированием блоков. • Форум: HTML, Дизайн & CSS

Ответов: 7
Просмотров: 1683
Добрый вечер, уважаемые форумчане.
Достиг определенных успехов в html, php+mysql.
Вот пришло время двигаться дальше, взялся и за css.

Как только начал, хотел со старта сделать блочную схему сайта(чтобы не чертить таблицой)
И тут у меня мозг сломался.

Допустим. У меня есть такой код.
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <body>
  3. <!--header-->
  4. <div id="page_align" class="radius3px">
  5.         <div id="header">
  6.         Тут типа хедер
  7.         </div>
  8.         <div id="content" class="radius3px">
  9.         </div>
  10.         Здесь много букофф
  11.         <div id="rightbar" class="radius3px">
  12.                 А здесь - менюшка сайта
  13.         </div>
  14. </div>
  15. <div class="footer">
  16.         А здесь подвалище маленькое
  17.                
  18. </div>
  19. </div>
  20. </body>
  21.  


И такой код нашкробал.

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. * {
  3.         margin:0px;
  4.         padding:0px;
  5. }
  6. #page_align {
  7.         width: 1000px;
  8.         height: 100%;
  9.         margin: 45px;
  10.         background-color: #c1c1c1;
  11.         box-shadow: 0px 1px #ddd;
  12. }
  13. h3 {
  14.         font-size: 18pt;
  15. }
  16. #header {
  17.         margin: 15px;
  18.         height: 35px;
  19.         border-bottom: solid 10px #fff;
  20. }
  21. #content {
  22.         margin-left: 10px;
  23.         width: 685px;
  24.         border-right: solid 15px #fff;
  25.         float:left;
  26.         background-color: #c1c1c1;
  27. }
  28. #rightbar {
  29.         margin-right: 15px;
  30.         float:right;
  31.         width: 275px;
  32.         background-color: #d1d1d1;
  33. }
  34. .radius3px{
  35.         border-radius: 3px;
  36.         -webkit-border-radius: 3px;
  37.         -o-border-radius: 3px;
  38.         -moz-border-radius: 3px;
  39.         -ms-border-radius: 3px;
  40.         -khtml-border-radius: 3px;
  41. }
  42.  


Итак. Вроде page_align должен был покрывать всё, но оно только затрагивает хэдер. Остальное со своими фонами.

Есть ли какой-то урок по этому?(посмотрел несколько видео, но они раскрывают на конкретных моментах и много ненужной информации.

Или кто подскажет может как да что?
winddancer Отправлено: 13 Мая, 2015 - 16:51:38 • Тема: Nested Sets. Попытка создать каталог товаров • Форум: Вопросы новичков

Ответов: 7
Просмотров: 409
Благодарю за ответы, тапки и прочее Улыбка

Народ. Выборку из табло я сделаю. Foreach по надобности пропилю.
Вопрос. Как мне это реализовать в виде "самоката" каталога товаров?

Надо чтобы было 1 уровень - общий. 2-й уровень - подкаталоги первого уровня со своими parent'aми. 3-й уровень - товары со своими parent'aми 2-го уровня.

Есть смелый? Между прочим. Если получится всё таки сделать - предлагаю эту тему в будущем закрепить. Чтобы люди не задавали вопрос по 100 раз)

Таблица
id
level
cat_id
parent_cat_id
name

Примерно такая, если по сути подумать о нужных параметрах для каталога.

Да и как это перевести в "страницы"? Реляционкой?
winddancer Отправлено: 13 Мая, 2015 - 15:20:03 • Тема: Nested Sets. Попытка создать каталог товаров • Форум: Вопросы новичков

Ответов: 7
Просмотров: 409
esterio пишет:
присмотритесь к красним цифрам на изображении. а саме их последовательность (1, 2, 3, ... 32) так куда более понятней принцип


Можете навести пример "умножения"?

Принцип я-то понимаю но у меня каша по поводу вывода всего этого(в т.ч. информации).
winddancer Отправлено: 13 Мая, 2015 - 14:38:44 • Тема: Nested Sets. Попытка создать каталог товаров • Форум: Вопросы новичков

Ответов: 7
Просмотров: 409
MAXUS пишет:
winddancer пишет:
Народ. Вот такая делема. Пытаюсь создать каталог товаров, прочитал про Neither Sets. Приблизительно понял в чём суть, но не могу найти в примерах пошаговую реализацию этого чуда.


А нельзя уточнить, что такое Neither Sets? Любопытно...


Nested Sets. Ну Вы поняли. Прошу простить за ошибку в названии.
(Добавление)
esterio пишет:
MAXUS
один из способов сделать дерево в SQL

winddancer
так гугл забит инфой. вот например отличная статья http://www.getinfo.ru/article610.html


Её читал. Но не въехал в суть, всё кашой впилено в один пост без порядка. Есть ещё что-то путёвое? Или это самое-самое путёвое?
winddancer Отправлено: 13 Мая, 2015 - 14:05:47 • Тема: Nested Sets. Попытка создать каталог товаров • Форум: Вопросы новичков

Ответов: 7
Просмотров: 409
Народ. Вот такая делема. Пытаюсь создать каталог товаров, прочитал про Nested Sets. Приблизительно понял в чём суть, но не могу найти в примерах пошаговую реализацию этого чуда.

Надо с помощью php+mysql создать каталог товаров(фенечки, браслетики и прочее), но знаний не хватает. Особенно с выводом информации интерпретатором.

Может ли кто направить меня на путь истинный?
winddancer Отправлено: 10 Мая, 2015 - 20:11:39 • Тема: Горизонтальное меню. • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 2535
DelphinPRO пишет:
не мешайте все кучу.
задача 1 - вывести меню в виде списка ul > li. т.е. в вашем случае, вам нужно сгенерировать html-разметку такую же, как в примере на кодпене.
задача 2 - оформить меню с помощью CSS. Тут вам и делать ничего не надо - просто скопируйте оттуда css


Смеяться будете.
Задача 1 - выполнено.
Задача 2 - выполнено.
Результат:
1. Не меняя СSS - выводит только один из всех списков ul > li.
2. Меняя - выводит либо слева, либо вертикально в центре.

Сижу, стучусь о стол.
Потом дальше пошёл. Попробовал другое CSS меню.

PHP:
скопировать код в буфер обмена
  1. echo "<ul class=css-menu-2>";
  2. echo "<li><a href=index.php?page=$key>$value</a></li>";
  3. echo "</ul>";


CODE (htmlphp):
скопировать код в буфер обмена
  1. ul.css-menu-2 {
  2. list-style: none;
  3. float:left;
  4. border-bottom: 1px #888899 solid;
  5. padding-bottom: 10px;
  6. }
  7.  
  8. ul.css-menu-2 li {
  9. display: inline;
  10. margin-right: 5px
  11. }
  12.  
  13. ul.css-menu-2 li a {
  14. color: #888899;
  15. text-decoration: none;
  16. background: #f7f7f9;
  17. border: 1px #bbbbcc solid;
  18. border-bottom: none;
  19. padding: 10px 14px
  20. }
  21.  
  22. ul.css-menu-2 li a:hover {
  23. padding: 14px 14px 10px 14px
  24. }
  25.  
  26. ul.css-menu-2 li a.selected {
  27. color: #555566;
  28. background: #ffffff;
  29. border: 1px #888899 solid;
  30. border-bottom: 1px #ffffff solid;
  31. padding: 14px 14px 10px 14px
  32. }


Результат - всё меню слева, либо справа(в зависимости от значения float:n).
По центру не получается никак. Даже обыкновенный Сopy-Paste Голливудская улыбка
winddancer Отправлено: 10 Мая, 2015 - 13:37:46 • Тема: Горизонтальное меню. • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 2535
DelphinPRO пишет:
float: center;
Float может принимать три значения left, right, none

Прошу простить за рачество. Я просто комбинировал данные с попыткой исправить.
Смотрите. Есть вот этот ресурс с этим СSS "http://codepen.io/ScottMarshall/pen/ranqd"

Я пытаюсь привинтить его к своему сайту. Выводя без CSS обычными ссылками - без проблем. Всё в один рядок.

При использовании CSS и кода, что там - у меня выводится только последний из всех линков(получаю из таблицы MySQL)

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

В чём проблема? Подскажите.
winddancer Отправлено: 10 Мая, 2015 - 10:18:38 • Тема: Горизонтальное меню. • Форум: HTML, Дизайн & CSS

Ответов: 6
Просмотров: 2535
PHP:
скопировать код в буфер обмена
  1. $link_menu = "<a href=index.php?page=$key>$value</a>";
  2. echo "<div id=\"Navigation\"><ul class=\"Navigation\">";
  3. echo "<li>";
  4. echo $link_menu;
  5. echo "</ul></div>";
  6. echo "</li>";




CODE (htmlphp):
скопировать код в буфер обмена
  1. .Navigation{
  2.         height: 50px;
  3.     padding: 0;
  4.         margin: 0;
  5. }
  6.  
  7. .Navigation li  {
  8.         height: auto;
  9.         width: 150px;
  10.         float: center;
  11.         text-align: center;
  12.         list-style: none;
  13.         font:12px "Bonveno", "Century Gothic";
  14.         padding: 0;
  15.         margin: none;
  16.         background-color: #eee;
  17.         border: 1px solid #ccc;
  18.         box-shadow: 0 1px 0 rgba(255,255,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
  19.         border-radius: 3px;
  20.         margin:auto;
  21. }
  22.  
  23. .Navigation a{                                                 
  24.         padding:13px;
  25.         text-decoration: none;
  26.         color:#333;
  27.         text-shadow: 0 1px #fff;
  28.         display: block;
  29. }
  30. .Navigation li ul{
  31.         display: block;
  32.         height: auto;                                                                  
  33.         margin-left: auto;
  34.         padding: 0;            
  35. }                              
  36.  
  37. .Navigation li:hover ul{
  38.         display: block;
  39. }
  40.  
  41. .navbar li ul li {
  42.         background-color:#eee;
  43.         border: 1px solid #ccc;
  44. }
  45.  
  46. .Navigation li:hover, a:hover {
  47.          background: #e8e8e8;
  48. }



Вопрос. Почему отображает вертикальный список меню, а не горизонтальный?
winddancer Отправлено: 09 Мая, 2015 - 15:45:40 • Тема: CSS в нескольких разных php генерируемых файлах. • Форум: HTML, Дизайн & CSS

Ответов: 1
Просмотров: 724
У меня несколько вопросов по php + css.
У меня подключен файл к файлу стилей, который отвечает за стиль отображаемого контента.
Но есть ситуация, что мне в другом файле необходимо подключить отдельный СSS файл. Но с учётом того, что он отображается через "файл со стилями", он не может отобразить подключенный к себе другой файл стиля.

Поясню.
style.php(файл который в себе держит стиль всего сайта и к нему подключены другие файлы)
сontent.php(файл, через который выводится информация.
В контент я подгружаю несколько страниц других по выборке, но мне надо, чтобы при подключении в него файла content_1.php у него была другая таблица стилей. Кто-то понял о чём я и может помочь?
winddancer Отправлено: 07 Мая, 2015 - 10:09:33 • Тема: Cоздание много-многостраничного сайта. • Форум: Вопросы новичков

Ответов: 8
Просмотров: 670
DeepVarvar пишет:
На вот, почитай за мой велосипед, там эти проблемы решены: http://www.deep-cms.ru/articles/create-sites-with-deep-cms.html

Я конечно скажу спасибо за Ваш велосипед, но беда в том, что я бы по такому принципу мог бы скачать другие велосипеды и разобрать их по винтикам таких как WordPress и ему подобные. Но беда в том, что я не могу отследить в любых CMS логическую цепочку последовательности с впилением множества функций и объектов. По сему и обратился сюда. А грубо по сути я бы мог создать тот же сайт на WordPress, Joomla, Drupal и т.д. но толку от этого не будет из-за того, что оно не моими руками деланно.

Вам же известно о малине ощущений, когда Вы делаете всё своими руками(как было, когда Вы дописывали последние винтики вашего CMS)

P.S. С CMS по сути я знаком(в обширных понятиях), как устроено "это" и что можна делать с "этим", но хочу написать свой "самокат", а не велосипед под свои нужды.

P.S.S. Кроме как использовать Ваш велосипед, я не увидел того, чтобы было ясно, как сделать свой самокат.

С найлучшими пожеланиями Подмигивание
winddancer Отправлено: 07 Мая, 2015 - 09:26:49 • Тема: Cоздание много-многостраничного сайта. • Форум: Вопросы новичков

Ответов: 8
Просмотров: 670
Ts.Saltan пишет:
Легче сделать таблицу структуры меню:
| id | parent | title | href ...

тогда менюшка вида

Меню1
--подменю1
---подподменю1
Меню2

будет записана так:

id | parent | title
1 | 0 | Меню1
2 | 1 | подменю1
3 | 2 | подподменю1
4 | 0 | Меню2

т.о. можно добиться бесконечной вложенности

И выводить такое меню проще: делаем выборку всей таблицы, потом, учитывая значение parent, относим к подменю или к меню


Создать таблицу без проблем. Сортировку в первом меню по параметру `parent` аналогично без проблем. Вопрос тогда глубже. Как в content.php это всё отобразить?
И ещё одно. Эти подменю должны быть внутри последующих страниц, а не в левом меню.


По сути. Я хочу создать каталог внутри 2nd ссылки. А в каталоге будет имется ещё список подкаталогов. Девушка занимается рукоделием и хочет их опубликовать в интернете свои работы чтобы принимать участие в конкурсах. Она занимается плетением фенечек и прочей лабуды. Вот и это надо влепить внутрь многоуровневого сайтр.
winddancer Отправлено: 06 Мая, 2015 - 21:04:05 • Тема: Cоздание много-многостраничного сайта. • Форум: Вопросы новичков

Ответов: 8
Просмотров: 670
Уважаемые програмисты, скриптеры, форумчане и все остальные, кто сюда по какому-то чуду зашёл. У меня назрел вопрос о создании много-много-много-много и ещё раз многостраничного сайта на php. Я буду держать информацию в MySQL, но прежде чем держать её там, я хочу научиться это делать на файлах. Моих попыток сделать это чудо было не мало. Вначале через конструкцию switch & ['PHP_SELF'], потом напрямую пытался прописывать ссылки, но гемороя было много. Хочется создать сайт с множеством страниц, а получается выводить только 1-й уровень ссылок. А подуровни ну никак. В следующих картинках я отображу то, что я хочу получить. И коментарий к тому, что я умею и то, что я никак не могу получить.
Итак. Есть типа у меня в мыслях мой личный сайт. Примерно такой структуры.

Нажмите для увеличения

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

Нажмите для увеличения


Для переключения первого уровня иерархии ссылок с генерацией я использую следующее.

menu.php
PHP:
скопировать код в буфер обмена
  1. $pages=array(
  2.   'main'=>'main',
  3.   '2nd'=>'2nd',
  4.   '3rd'=>'3rd',
  5.   '4th'=>'4th');
  6. foreach($pages as $key=>$value)
  7. {
  8.      if($_GET['page']==$value)
  9.      {
  10.           echo $pages[$_GET['page']];
  11.      }
  12.      else
  13.     {
  14.          echo '<a href="'.$key.'">'.$value.'</a>';
  15.     }
  16.     echo "<br />";
  17. }


content.php
PHP:
скопировать код в буфер обмена
  1. if(array_key_exists ($_GET['page'],$pages))
  2.       include('pages/'.$_GET['page'].'.php');
  3. else
  4.      include('pages/main.php');


Cо следующей конструкцией у меня получается выводить все ссылки левого меню.
Когда я использовал массив и foreach в страничках, мой файл content.php не выводил подуровни.

Вопрос-просьба к всем посетившим эту лабуду, что я написал. Дайте либо ссылку на необходимый материал(с пошаговым либо кусками материалом), либо впишите мне тупому(найти как бы не гуглил о подуровнёвые ссылки, динамическую генерацию страниц и прочее), как это реализовать?

С моей стороны, когда закончу свой сайтик, впилю поддомен с этой же статьёй(много новеньких не могут разобраться и ссылкой на forum.php.su в благодарность) чтобы и другие не задавали такие тупые вопросы как это делаю я.
winddancer Отправлено: 05 Мая, 2015 - 10:14:30 • Тема: Генерация веб-страниц. Множество подссылок. • Форум: Вопросы новичков

Ответов: 0
Просмотров: 76
PHP:
скопировать код в буфер обмена
  1. $news_link = array(
  2.         'add_news' => 'Добавить новость',
  3.         'edit_news' => 'Редактировать новость',
  4.         'remove_news' => 'Удалить новость'
  5. );
  6. foreach($news_link as $key=>$value)
  7. {
  8.     if($_GET['page']==$value)
  9.   {
  10.        echo $news_link[$_GET['page']];
  11.   }
  12.   else
  13.   {
  14.      echo '<a href="index.php?page='.$key.'">'.$value.'</a> |';
  15.   }
  16. }
  17. if(array_key_exists ($_GET['page'],$news_link))
  18.       include('pages/' . $_GET['page'].'.php');
  19. else
  20.       readfile('index.php');


Есть такой код.
Для примера он разделен на две части.
Первая - находится в menu, вторая в content(
PHP:
скопировать код в буфер обмена
  1. if(array_key_exists ($_GET['page'],$news_link))
  2.       include('pages/' . $_GET['page'].'.php');
  3. else
  4.       readfile('index.php');
)
Я хочу сделать подссылки и под ними ещё третий уровень ссылок.
Подскажет ли кто, как сделать так, чтобы они отображались? А то при использовании массива, форэч всё выходит, но с отображением проблема.

Страниц (8): « 1 2 3 4 [5] 6 7 8 »
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB