Дизайн форума

Хочу создать сама диз для форума... но понятие не имею как...
какие размеры, как нарезать картинку и как её вставлять...

=))) для начала нужно выучить основы html и php хотя бы.. понять суть работы... в общем книжек умных почитать... за пару дней не научитесь [Only registered and activated users can see links. Click Here To Register...]

я имею ввиду ЧИСТЫЙ дизайн, то бишь работу в фотошопе, форум уже готов, но дизайн просто бесит, есть опция сливать туда свои дизы... вот и хотела узнать как и какой размер

кстати да.......мне тоже интересно.......как........ [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

как нарезать картинку и как её вставлять...

---

куда вставлять? в страницу? для этого и нужны хотя бы базовые знания по html... а так как форум у вас скорее всего на php, то и знания php тож пригодяться...

crack
а Macromedia Dreamweaver MX помочь может в этом деле?! [Only registered and activated users can see links. Click Here To Register...]

К растровой графике тема не имеет отношения.
Как я понял вопрос как сверстать из макета страницу.
Переношу в верстку.

Симпа, сверстать сверстаете, но потом нужно будет еще натягивать ваш шаблон на форум...
лучше почитайте как создавать шаблоны на форуме тех. поддержке вашего форума, если он конечно не самописный! [Only registered and activated users can see links. Click Here To Register...]

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

fanforum.ru

вообще-то я думал, что форум ставится "с нуля", а не является частью подобного проекта. и всетаки, судя по всему основа движка phpbb

вот так деляются шаблоны для phpbb

Код:

---

################################################################################
####
##
## Mod Title: New Template
## Mod Version: 1.0.1
## Author: Nathan Nellans - NathanNellans[at]hotmail[dot]com - [Only registered and activated users can see links. Click Here To Register...]
## Description: This details every step required to create your own custom template
## * * * * * * *by copying and renaming subSilver.
##
## Installation Level: Advanced
## Installation Time: 35-40 Minutes
## Files To Edit: 18
## Lines To Edit: 88
## Included Files: n/a
##
################################################################################
#############
## Security Disclaimer: This MOD Cannot Be Posted To Or Added At Any Non-Official phpBB Sites
################################################################################
#############
##
## OVERVIEW
## -----------------------------------------------------------------------------------------
## Step 1. Make a copy of the subSilver folder located in the templates directory.
## * * * * Make sure the subSilver folder that you copy is in its un-modified, original
## * * * * state. If you are not sure of this, then I suggest downloading it again to be
## * * * * safe. Put the copied folder in the templates directory also.
## * * * * Rename the copied folder to whatever your new template name is going to be.
## Step 2. Now we need to go through every file in the folder, find all references
## * * * * pointing to 'subSilver', and change them all to point to your new template.
## * * * * This step is the one where we edit 88 lines in 18 files and is outlined below.
## Step 3. Rename 'subSilver.cfg' to 'your-new-template.cfg'
## * * * * Rename 'subSilver.css' to 'your-new-template.css'
## Step 4. Upload your new template's folder, make sure to put it in the templates directory.
## Step 5. Go into your phpBB and go to the Administration Panel.
## * * * * Find the Styles Admin section.
## * * * * Click the category labeled 'Add'.
## * * * * You should see your new template in the list, click 'Add'.
## Step 6. Thats it, you may now change your board's template to the new one by going to
## * * * * Administration Panel -> General Admin -> Configuration
##
## Happy modifying!!
##
################################################################################
#########
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
################################################################################
#########
##
## NOTE: The asterisks used below are only to highlight and show you where to replace.
## * * * Do not search the templates for the asterisks as they will not be found.
## * * * Do not include the asterisks in the templates as they will mess things up.
##
## NOTE: Replace the words 'your-new-template' with your actual template name.
##
## NOTE: Version 1.0.1: removed references to install.tpl - CyberAlien
##
################################################################################
#########

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/faq_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 40
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *<td class="spaceRow" height="1">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/index_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 54
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td class="row1" align="center" valign="middle" rowspan="2">[img]templates/subSilver/images/whosonline.gif[/img]</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 92
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td width="20" align="center">[img]templates/subSilver/images/folder_new.gif[/img]</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 95
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td width="20" align="center">[img]templates/subSilver/images/folder.gif[/img]</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 98
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td width="20" align="center">[img]templates/subSilver/images/folder_lock.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/modcp_split.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 51
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * <td valign="middle">[img]templates/subSilver/images/icon_minipost.gif[/img]{L_POSTED}:

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 64
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * <td colspan="3" height="1" class="row3">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/overall_header.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 9
 * * * * * * * * * * * * * * * * * * * * * *********
 

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 58
 * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *background-image: url(templates/subSilver/images/{T_TH_CLASS3});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 66
 * * * * * * * * * * * * * * * * * * * **********
 * background-image: url(templates/subSilver/images/{T_TH_CLASS2});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 70
 * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * background-image: url(templates/subSilver/images/{T_TH_CLASS1});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 209
 * * * * * * * * * * * *********
@import url("templates/subSilver/formIE.css");

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 231
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * *<td>[Only registered and activated users can see links. Click Here To Register...]</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 235
#Places to Replace: 4
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * *<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">[Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...]

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 237
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * * * * *[Only registered and activated users can see links. Click Here To Register...]

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 242
#Places to Replace: 3
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * * * * *<td height="25" align="center" valign="top" nowrap="nowrap">[Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/posting_preview.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 7
 * * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * * *<td class="row1">[img]templates/subSilver/images/icon_minipost.gif[/img]{L_POSTED}: {POST_DATE}  {L_POST_SUBJECT}: {POST_SUBJECT}</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 19
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *<td class="spaceRow" height="1">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/posting_topic_review.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 31
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *<td colspan="2" height="1" class="spaceRow">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/privmsgs_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 41
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * *<td bgcolor="{T_TD_COLOR2}">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/search_results_post.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 21
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * <td class="catHead" colspan="2" height="28">[img]templates/subSilver/images/folder.gif[/img] {L_TOPIC}:[Only registered and activated users can see links. Click Here To Register...]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/simple_header.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 15
 * * * * * * * * * * * * * * * * * * * * * *********
 

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 69
 * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *background-image: url(templates/subSilver/images/{T_TH_CLASS3});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 77
 * * * * * * * * * * * * * * * * * * * **********
 * background-image: url(templates/subSilver/images/{T_TH_CLASS2});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 81
 * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * background-image: url(templates/subSilver/images/{T_TH_CLASS1});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 231
 * * * * * * * * * * * *********
@import url("templates/subSilver/formIE.css");

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/theme_info.cfg

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 8
#Places to Replace: 2

 ********* * * * * * * * * * * * **********
$subSilver[0][&#39;template_name&#39;] = "subSilver";

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 9
#Places to Replace: 2

 ********* * * * * * * * * * * *********
$subSilver[0][&#39;style_name&#39;] = "subSilver";

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 10
#Places to Replace: 2

 ********* * * * * * * * * * * * * **********
$subSilver[0][&#39;head_stylesheet&#39;] = "subSilver.css";

#
#-----[ FIND & REPLACE ]------------------------------------------
#Lines 11 through 49

 *********
$subSilver[0]

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/viewonline_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 25
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td colspan="3" height="1" class="row3">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/viewtopic_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 59
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * *<td class="spaceRow" colspan="2" height="1">[img]templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/viewtopic_poll_result.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 17
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * * * <td>[img]templates/subSilver/images/vote_lcap.gif[/img]</td>

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 19
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * * * * * * * <td>[img]templates/subSilver/images/vote_rcap.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/admin/forum_admin_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 33
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * * *<td colspan="7" height="1" class="spaceRow">[img]../templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/admin/index_body.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 66
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * <td colspan="5" height="1" class="row3">[img]../templates/subSilver/images/spacer.gif[/img]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/admin/index_navigate.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 4
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **********
 * <td align="center" >[Only registered and activated users can see links. Click Here To Register...]</td>

#
#-----[ OPEN ]------------------------------------------
#
templates/your-new-template/admin/page_header.tpl

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 6
 * * * * * * * * * * * * * * * * * * * * * * **********
 

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 62
 * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * * *background-image: url(../templates/subSilver/images/{T_TH_CLASS3});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 70
 * * * * * * * * * * * * * * * * * * * * * *********
 * background-image: url(../templates/subSilver/images/{T_TH_CLASS2});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 74
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *********
 * * * * background-image: url(../templates/subSilver/images/{T_TH_CLASS1});

#
#-----[ FIND & REPLACE ]------------------------------------------
#Line 219
 * * * * * * * * * * * * **********
@import url("../templates/subSilver/formIE.css");

#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM

---

[Only registered and activated users can see links. Click Here To Register...]

спасибо...но меня интересовало как делать шаблоны, тоесть рисовать сам шаблон в Фотошопе (кнопачки, иконки и т.д) тоесть целая картинка самого шаблона - как форум будет выглядеть,а потом эту картинку нарезать...

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

Цитата:

---

Originally posted by Lein@Oct 7 2006, 15:23
спасибо...но меня интересовало как делать шаблоны, тоесть рисовать сам шаблон в Фотошопе (кнопачки, иконки и т.д) тоесть целая картинка самого шаблона - как форум будет выглядеть,а* потом эту картинку нарезать...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

наберите в гугле photoshop layout design и он вам выведеит сотни сайтов с мануалами по рисования лэйаутов для сайтов/форумов и тд