Jump to content
  • 0

Улучшение вида сайта без CSS. Возможно?

sas1555

Asked by sas1555,

 Share

Question

sas1555 Explorer

sas1555

Posted
Posted

Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика.

Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтобы не стало хуже. Тут один свои стайлы выложил,потом неделю его сайт восстанавливали"... ну я их В общем понимаэ.

Вопрос знатокам: есть ли интересные примеры улучшения вида страничек,без использования CSS? Вкладки, увеличение рисунка при клике, менюхи...ит.д. Javascript в теле страницы работает. Сайт не пишу, потому как не в ту тему. Просьба если пинать то мягко :D

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
ShumNo Explorer

ShumNo

Posted
Posted

Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика.

Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтобы не стало хуже. Тут один свои стайлы выложил,потом неделю его сайт восстанавливали"... ну я их В общем понимаэ.

Вопрос знатокам: есть ли интересные примеры улучшения вида страничек,без использования CSS? Вкладки, увеличение рисунка при клике, менюхи...ит.д. Javascript в теле страницы работает. Сайт не пишу, потому как не в ту тему. Просьба если пинать то мягко :D

Странная аргументация "разрабов" на требование

Если есть доступ по ftp то как вариант отредактируйте файл со стилями добавив нужные классы

Что есть "улучшения вида страничек" не понятно

Link to comment
Share on other sites
  • 0
sas1555 Explorer

sas1555

Posted
  • Author
Posted (edited)

Странная аргументация "разрабов" на требование

Если есть доступ по ftp то как вариант отредактируйте файл со стилями добавив нужные классы

Что есть "улучшения вида страничек" не понятно

Про аргументацию я согласен. Доступа по ftp нет пока. Они это называют "покамыделаемсайт". Этот вопрос будем решать,конечно же. Потому как должен быть. Ведь сайт с их стороны готов. А под "улучшением" понимал...ну сделал я просто 5 ссылок на странице. Потом нашёл скрипт, прописал его. Теперь это ссылки-иконки, меняющиеся при наведении курсора....Вот и "улучшение"...какбэ.) Очень много интересных примеров такого рода, но везде css. А CMS его не сохраняет....т.е. таблицу глобальных стилей, которую можно в тело html-документа прописать.

Edited by sas1555
Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted

Во первых как всем известно из книжек стили можно прописывать тегам через атрибут style="", так же можно попробовать изменить ссылку на стили в <link> или просто вставить в head 

var s = document.createElement('link');
s.rel='stylesheet';
s.type='text/css';
s.href='http://www.muzzshop.ru/obj/styles/body.css';

но вставлять это надо в хеад ну и т.д.

Link to comment
Share on other sites
  • 0
sas1555 Explorer

sas1555

Posted
  • Author
Posted

Во первых как всем известно из книжек стили можно прописывать тегам через атрибут style="", так же можно попробовать изменить ссылку на стили в <link> или просто вставить в head 

var s = document.createElement('link');
s.rel='stylesheet';
s.type='text/css';
s.href='http://www.muzzshop.ru/obj/styles/body.css';

но вставлять это надо в хеад ну и т.д.

доступа к head СMS не даёт. Только к body

Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted

так и не надо, я просто не настолько силен в js я больше на jquery пишу но по факту это реально вставить элемент после какого то другова элемента на странице....

Ну и потом вы можете сами стилизировать элементы через js

document.getElementById('myid').style = 'color:red;font-size:12pt;';

Link to comment
Share on other sites
  • 0
sas1555 Explorer

sas1555

Posted
  • Author
Posted

так и не надо, я просто не настолько силен в js я больше на jquery пишу но по факту это реально вставить элемент после какого то другова элемента на странице....

Ну и потом вы можете сами стилизировать элементы через js

document.getElementById('myid').style = 'color:red;font-size:12pt;';

спасибо, буду пробовать. myid - это мой элемент, к которому хочу применить стиль?

Почему бы не послать разрабов и не сделать сайт на простой бесплатной CMS?

Да сейчас то я это понимаю, что самому надо было так и делать. Посмотрю как дальше будет, не исключаю, что так и сделаем.

Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted 

document.getElementById('myid').style = 'color:red;font-size:12pt;';

спасибо, буду пробовать. myid - это мой элемент, к которому хочу применить стиль?

Вместо myid используйте id элемента которому нужно изменить стили. На самом деле способов выбрать элементы очень много, я предложил getElementById просто на вскидку...

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Простите но TinyMCE это ни разу не CMS... Получите доступ на сервер по FTP и перестаньте заниматься всякими извращениями. У вас же, блин, научно-производственная работа, значит мозги должны работать ого-го!

Link to comment
Share on other sites
  • 0
sas1555 Explorer

sas1555

Posted
  • Author
Posted

Простите но TinyMCE это ни разу не CMS... Получите доступ на сервер по FTP и перестаньте заниматься всякими извращениями. У вас же, блин, научно-производственная работа, значит мозги должны работать ого-го!

Просто значок помощи в CMS отсылает на домашнюю страничку TinyMCE. А насчёт доступа - подпишусь под всеми словами.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept