Помогите сделать шаблон

Статус
Закрыто для дальнейших ответов.

Actek

Member
Регистрация
28.03.2010
Сообщения
10
Очень нужна помощь в создании шаблона для CMS Made Simple.....или ктото посоветует другую? Простая CMS визитка с возможностью строниц и контента с ПОЛНОСТЬЮ управляемым шаблоном!?
Я делаю сайт для студии (моей, пока даже не студия)
Пример... http://www.nival.com/
Мне на этом сайте нравится навигация.... КАК ЕЁ СДЕЛАТЬ НА JavaScript если картинок много: Главная, О нас и т.д.??
 

Romani

Well-Known Member
Регистрация
08.01.2010
Сообщения
462
Там не JS а простой css свойство hover.
a:link{} - стиль для ссылок
a:hover{} - стиль для ссылок над которыми установлен курсор.
Можно поставить свойство hover на div, и указать в нем background , при наведении будет отображатся этот фон.
 

Valerievna

Moderator
Регистрация
28.09.2009
Сообщения
859
Есть специальная программа для меню на css, она с хорактером, но потом можно в коде уже откорректировать.
 

Вложения

Actek

Member
Регистрация
28.03.2010
Сообщения
10
На CSS с предварительной загрузке надо! так, а как?))
а надпись на кнопке? между <A>Текст</A>? у меня получается картинку отдельно от текста!?)

Valerievna, то что надо!
 

Romani

Well-Known Member
Регистрация
08.01.2010
Сообщения
462
хз насчет предварительной(Много сайтов без нее работают, на диал ап уже нет смысла париться) Все должно подгрузится на ходу.
а надпись на кнопке? между <A>Текст</A>? у меня получается картинку отдельно от текста!?)
Конечно, это и для индексации лучше,вообще, использовать картинки вместо текста большая ошибка! картинки, только тогда, когда ну никак без них, а если и использовать , то обязательно с атрибутом alt=""( ну можно еще title="" добавить ) , впрочем так и валидация(только в первом варианте) требует. Если ну никак сам(в чем сомневаюсь), то 1-2 апреля могу дать рабочий пример. Хотя лучше самому сделать.
Если что то и не понятно, курим исходный код и пытаемся понять. =) Удачи ))) Я сам так учился вообще инета почти небыло, все на сохраненных исходниках, зато потом позвали в институте преподавать)))
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
ЭЭ ну в общем я сделал шаблон, блин какой отстой! гляньте http://steelstudio.ru/ может что ещё добавить?

Сам шаблон.
{process_pagedata}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>

<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>
<body bgcolor="#fffffff">

<table width="90%" align="center">

<tr><td height="400" colspan="3">{image src="SteeL/BgC3.jpg" width="810" height="300"}</td>
</tr>
<tr>
<td height="24" colspan="3">{menu}</td>
</tr>
<tr>
<td width="3%"></td>
<td width="94%"><table width="100%" height="100%" border="10" cellspacing="20">
<tr><td>{content}</td>
</tr>
</table></td>
<td width="3%"></td>
</tr>
<tr>
<td height="50" colspan="3"><div align="center">SteeL Studio - Copyright (C) {custom_copyright}. All rights reserved.</div></td>
</tr>
</table>

</body>
</html>
МЕНЮ{menu}
<div class="h_mnu_01">
<ul>
<li><a href="/" class="selected">Главная</a></li>
<li><a href="index.php?page=project">Проекты</a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="index.php?page=about">О нас</a></li>
</ul>
</div>
Стиль
.h_mnu_01{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.h_mnu_01 ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #000000;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000
}

.h_mnu_01 ul li{
display: inline;
}

.h_mnu_01 ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}

.h_mnu_01 ul li a:visited{
color: #FFFFFF;
}

.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{
color: #000000 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #FF8000;
}
А хочется http://www.nival.com/

Давайте по порядку сделаем шаблон, пожалуйста!)
1. вот как они(http://www.nival.com/) сделали что на верху заливка чёрный-белый на заднем фоне? А ещё и с низу белый-серый! и при этом в центре белое! как?
2. Навигация с помощью картинок... И тоже не понятно как они её сделали?!!
3. Может написать CMS самим? мне нужно новости, страници, шаблон, админку...и всё вроде) ну или простую CMS может посоветуете?
 

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Давайте по порядку сделаем шаблон, пожалуйста!)
1. вот как они(http://www.nival.com/) сделали что на верху заливка чёрный-белый на заднем фоне? А ещё и с низу белый-серый! и при этом в центре белое! как?
2. Навигация с помощью картинок... И тоже не понятно как они её сделали?!!
3. Может написать CMS самим? мне нужно новости, страници, шаблон, админку...и всё вроде) ну или простую CMS может посоветуете?
Понять суть структуры чужого сайта вам поможет, специальные плагины, встроеные в браузер.Firefox - FireBug (чудо-плагин), для Opera - Dragonfly(ним кстати просмотрел http://www.nival.com/).
1.Сверху - это задний фон страницы, посотрите, внизу - это фон div-а[#wrap.footer], посотрите.
2. Фон менюменю фона при наведении курсора- фон кнопок.Кстати при указании рисунка в стилях,его предзагрузки не надобно.
3.Будьте серьйозным,кто возьмется просто так писать СMS(это огромная робота),а чем вас не устраивает Made Simple?
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
Верх понятно, а вот низ и меню свершено не понятно!
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
Вот я нарисовал ту навигацию которую хочу, И как же её разделить и при CSS сделать?
 

Вложения

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Разреж при помощи любого графического редактора. У тебя получится 4 изображения.
А потом, все просто
Код:
<div>
<a href="куда надо"><img src="1.jpg" alt="" /></a>
<a href="куда надо"><img src="2.jpg" alt="" /></a>
<a href="куда надо"><img src="3.jpg" alt="" /></a>
<a href="куда надо"><img src="4.jpg" alt="" /></a>
</div>
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
Всё бы так просто! А как насчёт того что на них надо наводить и они должно изменится?!! Тут надо CSS сами говарите...!!! как там a.hover a.link токо чёт у меня неполучается, там надо сделать выделение ссылки с права и с лева на уменьшение! типа три картинки в одной ссылки с любым размером, правая и левая статическая а центральная растягивается. Типа того го надо, подскажите код)
 

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Всё бы так просто! А как насчёт того что на них надо наводить и они должно изменится?!! Тут надо CSS сами говарите...!!! как там a.hover a.link токо чёт у меня неполучается, там надо сделать выделение ссылки с права и с лева на уменьшение! типа три картинки в одной ссылки с любым размером, правая и левая статическая а центральная растягивается. Типа того го надо, подскажите код)
Посмотри, думаю разберешся.Посмотреть вложение menu.rar
Но друг извиняй ,с твоими познаниями в верстке, делать сайт студии как-то странно. :);
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
именно по этому я испрашиваю... если често это не то(( ладно сам разберусь у меня уже что то получается) так мне нужен совет: каким должно быть разрешении сайта в ширину???
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
А хотя ладно буду шаблон уже готовый использовать...
 

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Вариантов много(1.фиксированый[
Код:
body{width:1280px}
] - под определенное разрешение экрана(ориентируешся на разрешение экрана большей части твоей аудитории),
2.процентный определяеш процентное отношение частей и блоков сайта[
Код:
body:100%
].
3.гибридный(например [
Код:
body{width:100%}; div#header{width:100%;height:100px}
]).
Можно подключать разные стили,для разных типов устройств обозревателя посредством
Код:
<style type="text/css" media="[screen,print,handheld,aural,projection,all]" rel="stylesheet" href="Стиль"/>, хотя это трудоемкий процесс. Лично я использую гибрид ([code]body{width:100%}  *{padding:0;margin:0;border:none}
), там где можно использую проценты, а где приходится делаю фиксу.
[/code]
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
А вот тут ещё проблема! мне нужен скрипт отправки форм на ОПРЕДЕЛЁНЫЙ емаил! СКРИПТ автоматический. Кликнешь и МНЕ на маил придёт инфа о пользователи!? ээ я тут нашёл один но он с возможностью выбора почты, А мне нужно чтобы отправлялась имено мне!
<?php
if(empty($_POST['mail_to'])) exit("Введите адрес получателя");
// проверяем правильность заполнения с помощью регулярного выражения
$pattern = "/^[0-9a-z_]+@[0-9a-z_^\.]+\.[a-z]{2,6}$/i";
if (!preg_match($pattern, $_POST['mail_to']))
{
exit("Введите адрес в виде somebody@server.com");
}
$_POST['mail_to'] = htmlspecialchars(stripslashes($_POST['mail_to']));
$_POST['mail_subject'] =
htmlspecialchars(stripslashes($_POST['mail_subject']));
$_POST['mail_msg'] =
htmlspecialchars(stripslashes($_POST['mail_msg']));
$picture = "";
// Если поле выбора вложения не пустое - закачиваем его на сервер
if (!empty($_FILES['mail_file']['tmp_name']))
{
// Закачиваем файл
$path = $_FILES['mail_file']['name'];
if (copy($_FILES['mail_file']['tmp_name'], $path)) $picture = $path;
}
$thm = $_POST['mail_subject'];
$msg = $_POST['mail_msg'];
$mail_to = $_POST['mail_to'];
// Отправляем почтовое сообщение
if(empty($picture)) mail($mail_to, $thm, $msg);
else send_mail($mail_to, $thm, $msg, $picture);
// Вспомогательная функция для отправки почтового сообщения с вложением
function send_mail($to, $thm, $html, $path)
{
$fp = fopen($path,"r");
if (!$fp)
{
print "Файл $path не может быть прочитан";
exit();
}
$file = fread($fp, filesize($path));
fclose($fp);

$boundary = "--".md5(uniqid(time())); // генерируем разделитель
$headers .= "MIME-Version: 1.0\n";
$headers .="Content-Type: multipart/mixed; boundary=\"$boundary\"\n";
$multipart .= "--$boundary\n";
$kod = 'koi8-r'; // или $kod = 'windows-1251';
$multipart .= "Content-Type: text/html; charset=$kod\n";
$multipart .= "Content-Transfer-Encoding: Quot-Printed\n\n";
$multipart .= "$html\n\n";

$message_part = "--$boundary\n";
$message_part .= "Content-Type: application/octet-stream\n";
$message_part .= "Content-Transfer-Encoding: base64\n";
$message_part .= "Content-Disposition: attachment; filename = \"".$path."\"\n\n";
$message_part .= chunk_split(base64_encode($file))."\n";
$multipart .= $message_part."--$boundary--\n";

if(!mail($to, $thm, $multipart, $headers))
{
exit("К сожалению, письмо не отправлено");
}
}
// Автоматический переход на главную страницу форума
echo "<HTML><HEAD>
<META HTTP-EQUIV='Refresh' CONTENT='0; URL=".$_SERVER['PHP_SELF']."'>
</HEAD></HTML>";
?>
мне бы его подкорректировать чтобы отправлялось на определёны маил!
 

Actek

Member
Регистрация
28.03.2010
Сообщения
10
Спасибо, я уже сам сделал! http://steelstudio.ru/form/index.php всё работает!
Код:
<?php
  $_POST['mail_msg'] = 
                                          htmlspecialchars(stripslashes($_POST['mail_msg'])); 
  $picture = ""; 
  // Если поле выбора вложения не пустое - закачиваем его на сервер 
  if (!empty($_FILES['mail_file']['tmp_name'])) 
  { 
        // Закачиваем файл 
        $path = $_FILES['mail_file']['name']; 
        if (copy($_FILES['mail_file']['tmp_name'], $path)) $picture = $path; 
  } 
  $msg = $_POST['mail_msg'];
  // Отправляем почтовое сообщение 
  if(empty($picture)) mail('МЫЛО :excl: ', 'ТЕМА :excl: ', $msg); 
  else send_mail($msg, $picture); 
  // Вспомогательная функция для отправки почтового сообщения с вложением 
  function send_mail($to, $thm, $html, $path) 
  { 
        $fp = fopen($path,"r"); 
        if (!$fp) 
        { 
          print "Файл $path не может быть прочитан"; 
          exit(); 
        } 
        $file = fread($fp, filesize($path)); 
        fclose($fp); 
        
        $boundary = "--".md5(uniqid(time())); // генерируем разделитель 
        $headers .= "MIME-Version: 1.0\n"; 
        $headers .="Content-Type: multipart/mixed; boundary=\"$boundary\"\n"; 
        $multipart .= "--$boundary\n"; 
        $kod = 'koi8-r'; // или $kod = 'windows-1251'; 
        $multipart .= "Content-Type: text/html; charset=$kod\n"; 
        $multipart .= "Content-Transfer-Encoding: Quot-Printed\n\n"; 
        $multipart .= "$html\n\n"; 

        $message_part = "--$boundary\n"; 
        $message_part .= "Content-Type: application/octet-stream\n"; 
        $message_part .= "Content-Transfer-Encoding: base64\n"; 
        $message_part .= "Content-Disposition: attachment; filename = \"".$path."\"\n\n"; 
        $message_part .= chunk_split(base64_encode($file))."\n"; 
        $multipart .= $message_part."--$boundary--\n"; 

        if(!mail($to, $thm, $multipart, $headers)) 
        { 
          exit("К сожалению, письмо не отправлено"); 
        } 
  } 
  // Автоматический переход на главную страницу форума
  echo "<HTML><HEAD>
        <META HTTP-EQUIV='Refresh' CONTENT='0; URL=".$_SERVER['PHP_SELF']."'>
                </HEAD></HTML>";
?>
А можно ещё проще!
Код:
<?php
  $_POST['mail_msg'] =  htmlspecialchars(stripslashes($_POST['mail_msg'])); 
  $msg = $_POST['mail_msg'];
  // Отправляем почтовое сообщение 
  if(empty($picture)) mail('МЫЛО', 'ТЕМА', $msg); 
  // Автоматический переход на главную страницу форума
  echo "<HTML><HEAD>
        <META HTTP-EQUIV='Refresh' CONTENT='0; URL=".$_SERVER['PHP_SELF']."'>
                </HEAD></HTML>";
?>
Но если ваш сервер поддерживает функцию mail!
 
Статус
Закрыто для дальнейших ответов.
Верх Низ