Хочу создать сама диз для форума... но понятие не имею как...
какие размеры, как нарезать картинку и как её вставлять...
Хочу создать сама диз для форума... но понятие не имею как...
какие размеры, как нарезать картинку и как её вставлять...
=))) для начала нужно выучить основы html и php хотя бы.. понять суть работы... в общем книжек умных почитать... за пару дней не научитесь
я имею ввиду ЧИСТЫЙ дизайн, то бишь работу в фотошопе, форум уже готов, но дизайн просто бесит, есть опция сливать туда свои дизы... вот и хотела узнать как и какой размер
кстати да.......мне тоже интересно.......как........
куда вставлять? в страницу? для этого и нужны хотя бы базовые знания по html... а так как форум у вас скорее всего на php, то и знания php тож пригодяться...как нарезать картинку и как её вставлять...
crack
а Macromedia Dreamweaver MX помочь может в этом деле?!
К растровой графике тема не имеет отношения.
Как я понял вопрос как сверстать из макета страницу.
Переношу в верстку.
Симпа, сверстать сверстаете, но потом нужно будет еще натягивать ваш шаблон на форум...
лучше почитайте как создавать шаблоны на форуме тех. поддержке вашего форума, если он конечно не самописный!
нужно знать, что именно за форум? т.к. для разных форумов разные шаблонные движки требуют разного подхода, как в верстке, так и в инсталляции шаблона. дайте больше данных и получите ответ.
fanforum.ru
вообще-то я думал, что форум ставится "с нуля", а не является частью подобного проекта. и всетаки, судя по всему основа движка phpbb
вот так деляются шаблоны для phpbb
[Только зарегистрированные пользователи могут видеть ссылки. ]Код:################################################################################ #### ## ## Mod Title: New Template ## Mod Version: 1.0.1 ## Author: Nathan Nellans - NathanNellans[at]hotmail[dot]com - [Только зарегистрированные пользователи могут видеть ссылки. ] ## 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>[Только зарегистрированные пользователи могут видеть ссылки. ]</td> # #-----[ FIND & REPLACE ]------------------------------------------ #Line 235 #Places to Replace: 4 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">[Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] # #-----[ FIND & REPLACE ]------------------------------------------ #Line 237 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * *[Только зарегистрированные пользователи могут видеть ссылки. ] # #-----[ FIND & REPLACE ]------------------------------------------ #Line 242 #Places to Replace: 3 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ********** * * * * * * * * *<td height="25" align="center" valign="top" nowrap="nowrap">[Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ]</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}:[Только зарегистрированные пользователи могут видеть ссылки. ]</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]['template_name'] = "subSilver"; # #-----[ FIND & REPLACE ]------------------------------------------ #Line 9 #Places to Replace: 2 ********* * * * * * * * * * * ********* $subSilver[0]['style_name'] = "subSilver"; # #-----[ FIND & REPLACE ]------------------------------------------ #Line 10 #Places to Replace: 2 ********* * * * * * * * * * * * * ********** $subSilver[0]['head_stylesheet'] = "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" >[Только зарегистрированные пользователи могут видеть ссылки. ]</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
спасибо...но меня интересовало как делать шаблоны, тоесть рисовать сам шаблон в Фотошопе (кнопачки, иконки и т.д) тоесть целая картинка самого шаблона - как форум будет выглядеть,а потом эту картинку нарезать...
ну извините... не думал, что все так плохо. просто сначала сами учитесь рисовать в PS и попробуйте сверстать хоть самый простой сайтик.
[/quote]Originally posted by Lein@Oct 7 2006, 15:23
спасибо...но меня интересовало как делать шаблоны, тоесть рисовать сам шаблон в Фотошопе (кнопачки, иконки и т.д) тоесть целая картинка самого шаблона - как форум будет выглядеть,а* потом эту картинку нарезать...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
наберите в гугле photoshop layout design и он вам выведеит сотни сайтов с мануалами по рисования лэйаутов для сайтов/форумов и тд
Ваши права
