1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 25565 Просмотров
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Инструментарий успешного Joomla-разработчика. Часть первая beta
« : 01.02.2008, 13:11:12 »
Предлагаю ознакомиться с небольшим мануальчиком для Joomla-разработчика. По большей части, документик носит тезисный характер, но, возможно, начинающим может оказаться полезным. В течении пары-тройки дней мануал будет (очень надеюсь) переработан в широкоформатную статью, поскольку данная версия создавалась около года назад на скорую руку.
Пока же качайте, знакомьтесь. Выслушаю вопросы и предложения по включению в рукводство каких-либо тематик.

http://www.rusgraphics.net/uploads/manual.zip
« Последнее редактирование: 02.02.2008, 10:31:38 от PbICb »
Записан
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

Mitrich

  • Захожу иногда
  • 289
  • 524 / 13
  • Все можно. Но сначала учиться, учиться и учиться.
Re: Инструментарий успешного Joomla-разработчика. Часть первая betta
« Ответ #1 : 01.02.2008, 15:21:58 »
Если б ты в материале линки на софт прицепил ,цены б тебе не было ;)
Записан
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #2 : 02.02.2008, 10:38:22 »
Цитата: Mitrich от 01.02.2008, 15:21:58
Если б ты в материале линки на софт прицепил ,цены б тебе не было ;)

Я подумала.. и решила этого не делать, воизбежании нарушения Правил форума. ;)
Ссылки на оффсайты:
1. WinOrganizer
2. WebDeveloper
3. Joomla Template Kit
4. ColorImpact 3.0

Прямые линки на скачивание можно получить у ICQ-бота 448688687, отправив ему любое сообщение.
« Последнее редактирование: 02.02.2008, 10:45:43 от PbICb »
Записан
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

PREMIER

  • Захожу иногда
  • 164
  • 5 / 0
  • Самое важное — это мир во всём мире!
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #3 : 10.03.2008, 08:41:30 »
PbICb, спасибо, очень интересно и помогло.
Записан
Самое важное — это мир во всём мире!
*

Mitrich

  • Захожу иногда
  • 289
  • 524 / 13
  • Все можно. Но сначала учиться, учиться и учиться.
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #4 : 16.08.2008, 16:55:26 »
Создал специальный раздел для софта в помощь верстальщикам

http://joomlaforum.ru/index.php/board,194.0.html
Записан
*

CreaDes

  • Новичок
  • 10
  • 0 / 0
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #5 : 27.08.2008, 04:49:51 »
А где скачать бесплатные версии?
Я интересуюсь за плагин для Dreamweaver
Записан

Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #6 : 31.08.2008, 19:45:52 »
ПОМОГИТЕ!!!!!!!!!!!!! делаю шаблон как описано в этом мануле, делаю при помощи Joomla Template Kit 2.0(беспроблем нашол где скачать в гугле) но созданый мною шаблон не работает, пустая страница! как так, что делать? стоит joomla 1.0.15
Записан
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #7 : 31.08.2008, 19:48:51 »
кит для версии 1.5?
Записан

Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #8 : 31.08.2008, 20:44:38 »
я незнаю, знаю что только версия кита 2.0 и это не последняя версия, ну думаю пробле тут не в версии ведь старые шаблоны у меня сейчас работаю на 1.5
Записан
*

poizon

  • Захожу иногда
  • 495
  • 187 / 1
  • Buu
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #9 : 31.08.2008, 22:10:58 »
as_, вы бы код, который получился, приложили бы для наглядности
Записан

Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #10 : 01.09.2008, 00:29:08 »
index
Код
<?php
/**
* @Template Name:  
* @Version: 1.8
* @Package: A Joomla 1.0.X template
* @Copyright: (C) 2006 by Brian Diaz Media 65
* @License: http://www.m65.net/
**/

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />

<!-- This so you can see the css styles in DW  you can delete file once editing Template is complete-->
<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<table width="1000" border="0" cellspacing="10" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="10" cellpadding="0">
      <tr>
        <td><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>"; ?>logo.gif" width="1000" height="180" /></td>
      </tr>
      <tr>
        <td><div align="center">
          <?php if (mosCountModules('banner')>0) mosLoadModules('banner',0); ?>
</div></td>
      </tr>
      <tr>
        <td background="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>top.gif"><div align="right">
          <?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?></div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
        <td width="200"><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>"; ?>foto.gif" width="200" height="50" /></td>
        <td width="400"><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>"; ?>news.gif" width="400" height="50" /></td>
        <td width="400"><img src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>"; ?>video.gif" width="400" height="50" /></td>
      </tr>
      <tr>
        <td><?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?></td>
        <td><?php mosMainBody(); ?></td>
        <td><?php if (mosCountModules('right')>0) mosLoadModules('right',0); ?></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="10" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


css
Код
/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */

/* #######################  GENERAL SETTINGS ############################ */
html.body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	}

/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
a {color: #CC6600;}
a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
a.image, a.image:hover  {border:0;}
li{ list-style: square;}
ul { list-style: square;}

/* #######################  END GENERAL SETTINGS ############################ */


/* ######################  LAYOUT SETTINGS       ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ######################  LAYOUT SETTINGS       ############################## */

/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */	
	.pathway {font-size: 11px;color:#333;}
	a.pathway:link {color:#659FDE;}
	a.pathway:visited {color:#659FDE;}
	a.pathway:active {color:#659FDE;}
	a.pathway:hover {color:#659FDE;text-decoration:underline;}

/* Mainlevel menu */
.mainlevel {height: 18px;}

a.mainlevel {display: block;
	background: #2F3E57;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
	}
	
a.mainlevel:hover {
	color: #FFFFFF;
	background: #A0A0A0;
						}	
/* End Mainlevel menu */
	
/* Sub Menu */
.sublevel{height: 18px;}

a.sublevel{	display: block;
	background: #A0A0A0;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
		}

   a.sublevel:hover {
	display: block;
	color: #FFFFFF;
	background: #822C0F;}
/* End Sub Menu */
	
/* Add Custom Menus */

/* Add Custom Menus */
		
/*##################### NAVIGATION SECTION #####################*/	

/* ##################### STANDARD MODULE TABLE  #################*/	
table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.moduletable th { 
background: #2F3E57;
height: 18px;  
color: #FFFFFF;
}

table.moduletable td {height: 18px;}

/* Add here Custom Modules */

/* End Custom Modules */

/* ##################### END STANDARD MODULE TABLE  #################*/	


/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;
width: 100%;
font-weight: bold;
color: #659FDE;
}

/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}

/* top box like a category description */
.contentdescription {background-color : White;}

/* Main Body Text */
.contentpane {background: White;}
.contentpaneopen {background-color: White;}
/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px;  color: #FF6600; }
.pagenav_next{font-size: 14px;  color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 12px; height: 15px;  }	

/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; color:#FF6600;font-weight: bold;
}


/* Article index  {mospagebreak} */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 12px;
	}
	
table.contenttoc th {
background: #2F3E57; 
color: White;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #659FDE;
    text-align:left;
    margin-top: 1.5em;
	 background-color: White;
	}
	
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #D3D3D3;
	color : #333;
	font-weight : bold;
	border-collapse: collapse;
	font-size: 11px;
	}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{	height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover  {	height: 15px;  }
/* End category */


/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{	height: 18px;  }
.blog_more{	height: 18px;  }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/
	

/* ##################### FORM SECTION  #####################*/	
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif; 
background-color:#FFFFFF; font-size: 13px; color: #333;
}
.inputbox {background: White;}
.text_area {background: White;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #999; background: #333;color: White;}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION  ##################### */	

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }
		
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* ###################### End TABBED EDITING ###################### */
Записан
*

userxp

  • Живу я здесь
  • 2019
  • 403 / 6
  • Злой и ужасный бармалей
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #11 : 02.01.2009, 06:35:15 »
Бесплатный(!!!) графический (векторый) редактор (по сути - аналог CorelDraw)
Inkscape

ps. очень прожорливый до ресурсов :)
Записан
Как правильно задавать вопрос службе технической поддержки  yes!
SGA CM 7.2.0 RC0 KANG Build GWK74 + s95allinonescript + CWM 5.0.2.6 + Modem XWKT3
*

temniy

  • Захожу иногда
  • 413
  • 84 / 9
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #12 : 02.01.2009, 16:17:45 »
Код
2. Программа для «захвата» цвета определенной области.

Предпочитаю Pixeur - http://www.veign.com/application.php?appid=107, маленький, удобный, бесплатный.
Записан
Лучший хостинг от 1 евро!
Сервис whois  |  Домены по отличным ценам (более 80 зон, хорошие цены и консультации -> после регистрации)
*

sc@r@bey

  • Захожу иногда
  • 360
  • 55 / 5
  • делай, а потом спрашивай что не получилось!
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #13 : 07.01.2009, 20:46:17 »
Цитата: Mitrich от 16.08.2008, 16:55:26
Создал специальный раздел для софта в помощь верстальщикам

http://joomlaforum.ru/index.php/board,194.0.html
добавил материал
Записан
*

TAX

  • Захожу иногда
  • 154
  • 10 / 0
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #14 : 12.03.2009, 18:16:07 »
Цитата: Sedoy от 02.01.2009, 11:44:07
artisteer
http://www.artisteer.com/?p=home
The Automated Web Designer

Artisteer is the first and only Web design automation product that instantly creates fantastic looking, unique Website templates and Blog themes.

 Design awesome Wordpress Blogs and professional Websites in Minutes
 Easy to Use
 No need to learn Photoshop, CSS, HTML or other technologies
 Export as Wordpress Theme or CMS Template

With Artisteer YOU immediately become a Web design expert, editing and slicing graphics, coding XHTML and CSS, and creating Web design templates and Wordpress themes - all in minutes, without Photoshop or Dreamweaver, and no technical skills.

Design Suggestions   
Design Features   
Export as Wordpress Theme   
Export as XHTML+CSS   
Export to CodeCharge Studio   
Export to Joomla and Drupal (future)   
Custom Value Dialogs (screenshot)   
Library of Textures, Glares and Gradients partial
Number of Color and Font Schemes
Number of Photo Objects


в двух словах: платная, дорого, скоро обещают и для Joomla
если кому лень или быстро или сам не может.... - делает шаблоны
сам тестил (дают качать триал) - полезный для ленивых продукт, но... пока без джумлы :(

но даже в таком виде полезен как изучалка - наваял и смотри css скажем ...

уже есть версия для Joomla
Записан
*

Sergei_Shablovsky

  • Захожу иногда
  • 79
  • 2 / 2
  • Всего самого лучшего Вам !
Re: Инструментарий успешного Joomla-разработчика. Часть первая beta
« Ответ #15 : 12.03.2009, 19:42:15 »
Цитата: Mitrich от 16.08.2008, 16:55:26
Создал специальный раздел для софта в помощь верстальщикам

http://joomlaforum.ru/index.php/board,194.0.html
Для Mac есть соответственно ArtDirector Toolkit - http://www.code-line.com/software/artdirectorstoolkit.html
Просто Swiss-Knife какой-то для диазнера веба :)
Записан
С уважением, <br />                        Sergei Shablovsky
*

djbob2000

  • Захожу иногда
  • 98
  • 4 / 0
Re: Инструментарий успешного Joomla-разработчик
« Ответ #16 : 28.03.2009, 12:31:30 »
PbICb огромное спасибо за материал. То что нужно для начинающих. Спасибо!
« Последнее редактирование: 28.03.2009, 13:29:19 от djbob2000 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Шаблон админ панели Joomla! 1.0.x - Fresh Mint + плагин IP баннинга

Автор MuraDweb

 Ответов: 5
Просмотров: 13255 		Последний ответ 12.12.2010, 01:17:17
от Omega
Шаблон админки для Joomla 1.0.12 в стиле 1.5

Автор venz

 Ответов: 30
Просмотров: 36364 		Последний ответ 06.07.2009, 23:36:25
от legionerius
легальные шаблоны для Joomla (no Warez) от Joomlart, дёшево!

Автор _ib_

 Ответов: 0
Просмотров: 12766 		Последний ответ 05.11.2008, 19:49:43
от _ib_