طبعا واضح من العنوان
كيف اضيف زر جديد مثل 
المتاحف معرض الاستايلات 
متاحف  مثاااااااااااااااال
http://www.alhan-mareha.com/
http://anmi.mam9.com/h6-page
http://zomorodah.banouta.net/h14-page
واكتب فيها كل شئ اريدةة
وشكرااُ

السلام عليكم ..
تفضلي اختي الكريمة ..   
صفحات HTML
وللبحث عن اكواد تفضلي من هنا ..
أكواد HTML

شكراً عرفت بس بدي اضيف صفحة خاصة 
http://www.alhan-mareha.com/
هكذااواغير الوااجةة ثانيية مو نفس استايل منتداي

يمكنك من خلال صفحات HTML تفعلين ماتريدين فيها
ويمكنك ايضاً تحويلها الى الصفحة الرئيسية مثل البوابة
لكن تفعلين ماتريدين فيها .. رفع واجهه .. تنظيم ازرار .. الخ...

طيب كيف اغير الاستايل تبعةة ابي
 مثلآآ صفحى خاصةة للفوتوشوب
http://zomorodah.banouta.net/h8-page
هكذاا

بعد اذن الاخ دلت
تفضلي كود فتشوب عربي اون لاين
انشاء صفحة هتمل او بي اي مكان يركب

الكود:

 <group description="Blog Description" selector=".header .description"><variable name="description.text.color" description="Description Color" type="color" default="#777777"></variable></group><group description="Tabs Text" selector=".tabs-inner .widget li a"><variable name="tabs.font" description="Font" type="font" default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"><variable name="tabs.text.color" description="Text Color" type="color" default="#999999"><variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000"></variable></variable></variable></group><group description="Tabs Background" selector=".tabs-outer .PageList"><variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5"><variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee"></variable></variable></group><group description="Post Title" selector="h3.post-title, .comments h4"><variable name="post.title.font" description="Font" type="font" default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"></variable></group><group description="Date Header" selector=".date-header"><variable name="date.header.color" description="Text Color" type="color" default="#cccccc"><variable name="date.header.background.color" description="Background Color" type="color" default="transparent"></variable></variable></group><group description="Post Footer" selector=".post-footer"><variable name="post.footer.text.color" description="Text Color" type="color" default="#666666"><variable name="post.footer.background.color" description="Background Color" type="color" default="#f9f9f9"><variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee"></variable></variable></variable></group><group description="Gadgets" selector="h2"><variable name="widget.title.font" description="Title Font" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"><variable name="widget.title.text.color" description="Title Color" type="color" default="#000000"><variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999"></variable></variable></variable></group><group description="Images" selector=".main-inner"><variable name="image.background.color" description="Background Color" type="color" default="#ffffff"><variable name="image.border.color" description="Border Color" type="color" default="#eeeeee"><variable name="image.text.color" description="Caption Text Color" type="color" default="#cccccc"></variable></variable></variable></group><group description="Accents" selector=".content-inner"><variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee"><variable name="tabs.border.color" description="Tabs Border Color" type="color" default="#404040"></variable></variable></group><variable style="color: rgb(41, 41, 41);" name="body.background" description="Body Background" type="background" default="$(color) none repeat scroll top left"><variable name="body.background.override" description="Body Background Override" type="string" default=""><variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"><variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url" default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)"><variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner"><variable name="content.padding" description="Content Padding" type="length" default="10px"><variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px"><variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px"><variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px"><variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px"><variable name="main.border.width" description="Main Border Width" type="length" default="0"><variable name="header.background.gradient" description="Header Gradient" type="url" default="none"><variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px"><variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px"><variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px"><variable name="header.padding" description="Header Padding" type="length" default="30px"><variable name="header.border.size" description="Header Border Size" type="length" default="1px"><variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="1px"><variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0"><variable name="description.text.size" description="Description Text Size" type="string" default="140%"><variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"><variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"><variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"><variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px"><variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px"><variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit"><variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit"><variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit"><variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px"><variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px"><variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px"><variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner"><variable name="page.width" description="Page Width" type="string" default="auto"><variable name="main.section.margin" description="Main Section Margin" type="length" default="15px"><variable name="main.padding" description="Main Padding" type="length" default="15px"><variable name="main.padding.top" description="Main Padding Top" type="length" default="30px"><variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px"><variable style="color: rgb(51, 51, 51);" name="paging.background" description="Background of blog paging area" type="background" default="transparent none no-repeat scroll top center"><variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0"><variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left"><variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto"><variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"><variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"><variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable><br />
<div style="" class="content">
   
   <div class="content-outer">
      
      <div class="fauxborder-left content-fauxborder-left">
         
         <div class="content-inner">
            
            <div class="main-outer">
               
               <div class="fauxborder-left main-fauxborder-left">
                  
                  <div class="region-inner main-inner">
                     
                     <div class="columns fauxcolumns">
                        
                        <div class="columns-inner">
                           
                           <div class="column-center-outer">
                              
                              <div class="column-center-inner">
                                 
                                 <div class="main section" id="main">
                                    
                                    <div class="widget Blog" id="Blog1">
                                       
                                       <div class="blog-posts hfeed">
                                          
                                          <div class="date-outer">
                                             
                                             <div class="date-posts">
                                                
                                                <div class="post-outer">
                                                   
                                                   <div class="post hentry" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
                                                      
                                                      <div class="post-body entry-content" id="post-body-1006371406623431465" itemprop="description articleBody">
                                                         
                                                         <div dir="rtl" style="text-align: right;" trbidi="on">
                                                             <a name="more"> </a><br /><br />
                                                            <center>
                                                                <iframe style="width: 850px; height: 600px;" border="0" name="ps" src="http://pixlr.com/editor/" align="middle" frameborder="0"> </iframe>
                                                            </center><br />
                                                         </div>
                                                         
                                                      </div>
                                                      
                                                   </div>
                                                   
                                                </div>
                                                
                                             </div>
                                             
                                          </div>
                                          
                                       </div>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </div>
                              
                           </div>
                           
                        </div>
                        
                     </div>
                     
                  </div>
                  
               </div>
               
            </div>
            
         </div>
         
      </div><br />
   </div>
</div><variable style="color: rgb(41, 41, 41);" name="body.background" description="Body Background" type="background" default="$(color) none repeat scroll top left"><variable name="body.background.override" description="Body Background Override" type="string" default=""><variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"><variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url" default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)"><variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner"><variable name="content.padding" description="Content Padding" type="length" default="10px"><variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px"><variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px"><variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px"><variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px"><variable name="main.border.width" description="Main Border Width" type="length" default="0"><variable name="header.background.gradient" description="Header Gradient" type="url" default="none"><variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px"><variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px"><variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px"><variable name="header.padding" description="Header Padding" type="length" default="30px"><variable name="header.border.size" description="Header Border Size" type="length" default="1px"><variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="1px"><variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0"><variable name="description.text.size" description="Description Text Size" type="string" default="140%"><variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"><variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"><variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"><variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px"><variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px"><variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit"><variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit"><variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit"><variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px"><variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px"><variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px"><variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner"><variable name="page.width" description="Page Width" type="string" default="auto"><variable name="main.section.margin" description="Main Section Margin" type="length" default="15px"><variable name="main.padding" description="Main Padding" type="length" default="15px"><variable name="main.padding.top" description="Main Padding Top" type="length" default="30px"><variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px"><variable style="color: rgb(51, 51, 51);" name="paging.background" description="Background of blog paging area" type="background" default="transparent none no-repeat scroll top center"><variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0"><variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left"><variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto"><variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"><variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"><variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"><script type="text/javascript">
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2221937197-widgets.js"></script><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><script type="text/javascript">
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '2115766930283784613';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2115766930283784613','http://tools.condaianllkhir.com/2013/09/psd-online.html','2115766930283784613');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2115766930283784613', 'bloggerUrl': 'http://www.blogger.com', 'title': 'tools', 'pageType': 'item', 'url': 'http://tools.condaianllkhir.com/2013/09/psd-online.html', 'canonicalUrl': 'http://tools.condaianllkhir.com/2013/09/psd-online.html', 'canonicalHomepageUrl': 'http://tools.condaianllkhir.com/', 'homepageUrl': 'http://tools.condaianllkhir.com/', 'blogspotFaviconUrl': 'http://tools.condaianllkhir.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'photoshop online', 'pageTitle': 'tools: photoshop online', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42tools - Atom\42 href\75\42http://tools.condaianllkhir.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42tools - RSS\42 href\75\42http://tools.condaianllkhir.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42tools - Atom\42 href\75\42http://www.blogger.com/feeds/2115766930283784613/posts/default\42 /\76\n\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42tools - Atom\42 href\75\42http://tools.condaianllkhir.com/feeds/1006371406623431465/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42jstiming\42,k\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[k](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[g].srt\75h-c)}if(a){var e\75b[g].load;0\74c\46\46h\76\75c\46\46(e[k](\42_wtsrt\42,void 0,c),e[k](\42wtsrt_\42,\42_wtsrt\42,h),e[k](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[k](\42_tbnd\42,void 0,b[f].csi().startE),e[k](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[k](\42_tbnd\42,void 0,b.external.startE),e[k](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[g].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[g].load[k](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[g].load[k](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42https://www.blogger.com/static/v1/jsbin/850967532-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d6f37bb30c327165', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'testHtml5CssSrc': 'https://www.blogger.com/static/v1/widgets/3640646893-css_bundle_html5.css', 'sf': 'n', 'tf': ''}}, {'name': 'skin', 'data': {'vars': {'content_padding': '10px', 'paging_background': 'transparent none no-repeat scroll top center', 'image_border_small_size': '0', 'body_background_gradient_cap': 'none', 'tabs_selected_background_color': '#000000', 'body_rule_color': '#404040', 'header_shadow_spread': '1px', 'header_shadow_offset_left': '-1px', 'header_padding': '30px', 'link_visited_color': '#cc6600', 'mobile_background_size': 'auto', 'post_title_font': 'normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'tabs_text_color': '#999999', 'date_header_margin': 'inherit', 'header_background_gradient': 'none', 'content_shadow_spread_webkit': '5px', 'header_bottom_border_size': '1px', 'header_shadow_offset_top': '-1px', 'mobile_button_color': '#ffffff', 'widget_title_font': 'normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'main_section_margin': '15px', 'keycolor': '#dd7700', 'content_shadow_spread': '40px', 'image_background_color': '#111111', 'header_font': 'normal normal 42px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'header_background_color': 'transparent', 'main_border_width': '0', 'main_padding': '15px', 'tabs_border_color': '#404040', 'image_text_color': '#cccccc', 'description_text_size': '140%', 'post_footer_background_color': '#303030', 'body_background_gradient_tile': 'none', 'page_width': 'auto', 'tabs_background_gradient': 'none', 'mobile_background_overlay': 'transparent none repeat scroll top left', 'main_padding_bottom': '30px', 'tabs_background_color': '#222222', 'image_border_large_size': '1px', 'post_margin_bottom': '25px', 'body_background_override': '', 'tabs_margin_side': '30px', 'link_hover_color': '#cc6600', 'description_text_color': '#aaaaaa', 'body_text_color': '#cccccc', 'content_padding_horizontal': '10px', 'endSide': 'right', 'page_width_selector': '.region-inner', 'date_header_padding': 'inherit', 'post_footer_text_color': '#888888', 'startSide': 'left', 'date_header_color': '#cccccc', 'tabs_font': 'normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'post_footer_border_color': '#444444', 'body_font': 'normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'footer_bevel': '0', 'tabs_bevel_border_width': '0', 'date_header_background_color': 'transparent', 'content_shadow_spread_ie': '10px', 'widget_title_text_color': '#ffffff', 'header_border_horizontalsize': '0', 'image_border_color': '#111111', 'tabs_border_width': '1px', 'content_background_color': '#333333', 'link_color': '#dd7700', 'header_text_color': '#ffffff', 'date_header_letterspacing': 'inherit', 'tabs_margin_top': '0', 'main_padding_top': '30px', 'header_border_size': '1px', 'tabs_selected_text_color': '#ffffff', 'content_background_color_selector': '.content-inner', 'body_background_color': '#292929', 'widget_alternate_text_color': '#999999'}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-2-2', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'Simple template. Powered by \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/666586162-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/4138445517-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'href': 'http://tools.condaianllkhir.com/', 'title': 'Home', 'isCurrentPage': false}, {'href': 'http://tools.condaianllkhir.com/p/table-of-content-for.html', 'title': 'Table of content ', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
</script> </variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable>

اناا اعرف هذة الكود
بس قصدي بدي ظيف زر بمنتداي
ثم انشئ علية ازرار كثيرة مثل دروس الفوتوشوب مكتبة السكرابز
واضيف ستايل زي كذا   https://i.servimg.com/u/f43/15/43/68/27/phptos10.jpg
يعني كأنة منتدى
http://zomorodah.banouta.net/h8-page
اتمنى تكون فهمت قصدددددي

اهلين
اذا تم التصميم اخبريني اركبها لك

طريقة تصميم ازرار

ماعم تظبط معاي شئ لكن انتم مافهمنين قصدي ولا لاء    

خليني اووضحح لكم اكثر
هذة الرابط
http://www.alhan-mareha.com/
موجود فية عدة ازرار المنتدى - البلدة - المعمل - السوق -متاحف - الأرواح
وموجد واجةة في الرابط كهاذي https://i.servimg.com/u/f56/15/56/74/73/ooouso13.jpg
وخلفيةة لون ازرق غااااااامق ومكتوب تحت الازرار جميع الحقوق محفوظة .......
يعني موجوود وكأنة منتدى بستايل وهيكك - وعندي يجي نفس واجةة منتدى وانا حغيرةة
وسوؤالي هـــــــوو
كيف اضيف خلفية واحط عدة ازرار علية ورابط توجيهي على الازرار
اتمى تكونوو فهمتو قصدي اكثرر
وشكرا لكم جزيل الشكر

اهلين
وضعت لك صورة تشبيهية لطلبك
وهذا الكود

الكود:

<table style="border-collapse:collapse;width:100%;" align="center"><tbody><tr><td><img alt="" src="http://im34.gulfup.com/5ZEHB.gif"><br></td></tr></tbody></table><table style="border-collapse:collapse;width:100%;" align="center"><tbody><tr><td><a href="الرابط الاول"><img alt="" src="الصورة الاولى"></a><br></td><td><a href="الرابط الثاني"><img alt="" src="الصورة الثانية"></a></td><td><a href="الرابط الثالث"><img alt="" src="الصورةالثالثه"></a></td><td><a href="الرابط الرابع"><img alt="" src="الصورة الرابعه"></a></td><td><a href="الرابط الخامس"><img alt="" src="الصورة الخامسة"></a></td><td><a href="الرابط السادس"><img alt="" src="الصورة السادسة"></a></td><td><a href="الرابط السابع"><img alt="" src="الصورة السابعه"></a></td></tr></tbody></table><div align="center"><br></div>

يجب وضع صور مكتوب عليها اسم المنتدى او الي يريد الذهاب اليه اذا ضغط
ووضع روابط مكان ماهو موضح في الكود
يجب انشاء صفحة هتمل لتكون عليها
وهذه صورة تجريبية




اذا تريدي اضافات اخرى اخبريني

ماعم تظبطط شئ     
http://banot.hooxs.com/h2-page
جاتني زي كذاا المفروض تكون في النص واريد اظافة خلفية للنفس الكود كيف
وبعدين تحت الازرارر حكتب اشياء

من الواضح انك لم تضيفي روابط صور ولا روابط
توجيه لذا ظهرت بشكل ذا
حاولي ترتبي مثل ماهو في الكود

آختي لؤ تريدي اعدلك عليه ..

.

آعطيني الصؤر وكذآ واعملك ياهه ..

ارسلي الي تريدي ان يظهر والاسماء
والاشياء الي تكتب تحت
وكمان الصور مكتوب عليها اسم القسم
والروابط الخاصه بها
ترسل على الخاص
بدوري اعملك صفحه

اظن اني فهمتك تقصدي كيف اسوي صفحة هتمل وبداخلها اعمل  ستايل وفيه ازرار وكذآ . . =)

انا ايضاً ابحث عن هذا الكود .

آكسًججين♪ كتب:اظن اني فهمتك تقصدي كيف اسوي صفحة هتمل وبداخلها اعمل  ستايل وفيه ازرار وكذآ . . =)

انا ايضاً ابحث عن هذا الكود .

اختي تمنع الردود العشوائية
اذا لك طلب افتحي موضوع بطلبك لوتكرم

عملت وتأكدت لكن مايجي في الوسط وحطيت زر التوسيط مع العلم انتي كمان حاطة بالمنتدى كود توسط جميع كل شئ والخلفية لون او صورة ماظهر شئ وكتبت تحت الفوتوشوب جاتني حروف ظظظظظ
للمعاينة
http://lmsat.hooxs.com/h2-page

لكن الازرار نفعت معي

اهه صحح واريد نفسس الكود اللي اعطيتوني ياها لكن اريدهاا زر واحد مشان اعرف اظبطة

تفضلي الكود من زر واحد
مع وضع تكبير الصور

الكود:

<table style="border-collapse:collapse;width:100%;" align="center"><tbody><tr align="center"><td><img alt="" src="http://im34.gulfup.com/5ZEHB.gif" height="461" width="775"><br></td></tr><tr align="center"><td><a href="http://lmsat.hooxs.com/t443-topic"><img alt="" src="http://store1.up-00.com/2014-02/1391747300352.png" height="118" width="101"></a><br></td></tr></tbody></table><div align="center"><br></div>