Cum fac o pagina ca in imagine!

Scris de omega_comunity Sam Mar 30, 2013 6:39 pm

Cum fac si eu o pagina ca in urmatoare imagine?
Forumul apartine de forumgratuir..sper sa nu iau warn...d!
Acolo unde este inconjurat cu rosu se schimbau imaginile si apareau mai multe gen contact..intra acum!

imagine - Cum fac o pagina ca in imagine! Frtitluwh

Scris de csone Dum Mar 31, 2013 10:07 am

Acela se numeste index , ai folosit modeul de cautare ?

Scris de Mafiotu38 Dum Mar 31, 2013 10:53 am

Poftim,ti-am dat fix cum e acolo !

Cod:: <!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Devil-Area</title> <body><footer> <script src="http://script.top66.ro/id-478439/20/1/Bine%20ati%20venit!%20Apasati%20OK%20pentru%20a%20vota%20pentru%20acest%20site%20in%20Romanian%20Top%2066/code2.js" type="text/javascript"></script> <a href="http://www.top66.ro" title="Promovare gratuita"><img src="http://images.top66.ro/vote/20.gif" usemap="#Top66Vote" border="0"></a> </footer></body> <link rel="stylesheet" href="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="13Floor Theme RSS Feed" href="http://www.elegantthemes.com/preview/13Floor/feed/" /> <link rel="alternate" type="application/atom+xml" title="13Floor Theme Atom Feed" href="http://www.elegantthemes.com/preview/13Floor/feed/atom/" /> <link rel="pingback" href="http://www.elegantthemes.com/preview/13Floor/xmlrpc.php" />   <script type="text/javascript"> document.documentElement.className = 'js'; </script> <meta name='robots' content='noindex,nofollow' /> <link rel="alternate" type="application/rss+xml" title="13Floor Theme t Feed" href="http://www.elegantthemes.com/preview/13Floor/feed/" /> <link rel="alternate" type="application/rss+xml" title="13Floor Theme t Comments Feed" href="http://www.elegantthemes.com/preview/13Floor/comments/feed/" /> <meta content="13floor v.2.3" name="generator"/><link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" /> <link media="screen" type="text/css" href="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css' href='http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' /> <link rel='stylesheet' id='wp-pagenavi-css' href='http://www.elegantthemes.com/preview/13Floor/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-includes/js/l10n.js?ver=20101110'></script> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=1.7'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.elegantthemes.com/preview/13Floor/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.elegantthemes.com/preview/13Floor/wp-includes/wlwmanifest.xml" /> <link rel='index' title='13Floor Theme' href='http://www.elegantthemes.com/preview/13Floor/' /> <meta name="generator" content="WordPress 3.2.1" /> <style type="text/css"> #et_pt_portfolio_gallery { margin-left: -15px; } .et_pt_portfolio_item { margin-left: 9px; } .et_portfolio_small { margin-left: -55px !important; } .et_portfolio_small .et_pt_portfolio_item { margin-left: 25px !important; } .et_portfolio_large { margin-left: -8px !important; } .et_portfolio_large .et_pt_portfolio_item { margin-left: 6px !important; } .et_pt_portfolio_item h2 { color: #fff; } .et_portfolio_large .et_pt_portfolio_item { width: 412px; } .et_portfolio_large .et_portfolio_more_icon { left: 168px; } .et_portfolio_large .et_portfolio_zoom_icon { left: 208px; } </style> </head> <body class="home blog safari"> <div id="bg1"> <div id="bg2" id="home"> <div id="wrap"> <div id="header" class="clearfix">  <a href="/forum"> <img src="" alt="" id="Devil-Area"/></a>  <ul class="superfish nav clearfix"> <li class="current_page_item"><a href="devil-area.forumz.ro">Home</a></li> <li class="cat-item cat-item-8"><a href="/forum" title="Viziteaza forumu">Forum</a> </li> <li class="cat-item cat-item-8"><a href="/h8-home" title="Gazduire servere">Hosting</a> </li> <li class="cat-item cat-item-8"><a href="http://postimage.org/" title="Upload poze">Upload</a> </li> <li class="page_item page-item-130"><a href="/register" title="Inregistrare">Inregistreaza-te</a> <ul class='children'> </ul> </li> <li class="page_item page-item-134"><a href="/login" title="Conecteazate pe forum">Autentificare</a></li> <li class="page_item page-item-135"><a href="/Forum" title="Location">Altele</a> <ul class='children'> <li class="page_item page-item-222"><a href="/c5-ophotoshopo" title="Photoshop online">Photoshop Online</a></li> <li class="page_item page-item-222"><a href="/f46-recrutare-servere" title="Cere un dns serverului tau">Cerere DNS</a></li> <li class="page_item page-item-214"><a href="/f4-cerere-rank" title="Vrei sa faci parte din staff-ul nostru?">Cerere Rang</a></li> <li class="page_item page-item-220"><a href="/f45-recrutari-clanuri" title="Vino cu clanul la noi in comunitate.">Recrutam Clanuri</a></li> </ul> </li> </ul>   <div id="search-form"> <form method="get" id="searchform1" action="http://devil-area.forumz.ro"> </form> </div>  </div>  <div id="featured-area"> <div id="feat-content" class="clearfix custom_animation"> <div class="slide"> <div class="description"> <h2 class="title"><a href="http://www.elegantthemes.com/preview/13Floor/about-2/" title="Bine ai venit.">Bun venit pe Devil-Area!</a></h2> <p>Bun venit pe siteul Comunitatii Devil-Area ! Iti uram bun venit si speram sa ne intelegem foarte bine impreuna!</p> <a href="/forum" class="readmore"><span>Intra pe forum</span></a> </div> <a href="http://www.elegantthemes.com/preview/13Floor/about-2/" title="Welcome"> <img src="http://api.ning.com/files/mg0yw0ZPHtq6bQeMA6qEg1ESaiVwtUHuhuVcXOQJcDQK9uGisKtzZX38lcBBnJj78q-Cxc7LcyO2ystRwgXC0ktIjjO6h8Fa/Userpage_decoration_for_DarknessLord__Welcome.png" class='featured_image' alt='Welcome to 13Floor' width='335' height='220' /> </a> </div>  <div class="slide"> <div class="description"> <h2 class="title"><a href="http://www.elegantthemes.com/preview/13Floor/about-2/meet-the-team/" title="Despre noi">Despre Comunitatea Devil-Area</a></h2> <p>Aceasta comunitate a fost creeata cu scopul de a forma o familie a gaming-ului, cat mai mare si cat mai unita. Comunitatea a fost infiintata la data de 15.12.2012. Daca cauti o comunitate care sa contina servere , tutoriale de gaming si divertisment, atunci te afli la locul potrivit !</p> <a href="/forum" class="readmore"><span>Intra pe forum</span></a> </div> <a href="http://www.elegantthemes.com/preview/13Floor/about-2/meet-the-team/" title="Devil-Area"> <img src="http://i.imgur.com/Xm0D0.png" class='featured_image' alt=' width='335' height='220' /> </a> </div>  <div class="slide"> <div class="description"> <h2 class="title"><a href="http://www.elegantthemes.com/preview/13Floor/about-2/where-to-find-us/" title="Devil-GArea"></a>Mai multe</h2> <p><strong>-</strong> Devil-Area este o comunitate in cautare de staff si servere. Mai multe poti afla pe forum, nu uita sa citesti regulamentul inainte de toate !<br> <strong>-</strong> Pentru a face parte din staff trebuie sa fii activ cel putin 3 ore pe zii.<br> <strong>-</strong> Noi va oferim support 24/7 ore pe zii.</p> <a href="/forum" class="readmore"><span>Intra pe forum</span></a> </div> <a href="Mai multe"> <img src="http://cdn1.iconfinder.com/data/icons/juicyfruit_by_salleedesign/128x128/more.png" class='featured_image' alt='Quality Design' width='335' height='220' /> </a> </div>  <div class="slide"> <div class="description"> <h2 class="title"><a href="http://www.elegantthemes.com/preview/13Floor/welcome/" title="Devil-Area">Contact echipa Devil-Area</a></h2> <p><strong>In caz de probleme, nevoie de support sau diverse intrebari, va rugam contactati-ne la urmatoarea adresa :</strong></p><div><img src="http://i.imgur.com/Jjvji.png" border="0" alt="" /> <span> ady_g96@yahoo.com - Support Forum</div> <a href="http://www.elegantthemes.com/preview/13Floor/welcome/" class="readmore"><span>Support Forum</span></a> </div> <a href="http://www.elegantthemes.com/preview/13Floor/welcome/" title="Support"> <img src="http://www.elegantthemes.com/preview/13Floor/wp-content/uploads/2010/04/thumb-4.png" class='featured_image' alt='Top Notch Support' width='335' height='220' /> </a> </div>  </div>  <div id="control-bg"></div> <div id="controls" class="clearfix"> <a href="" id="prevlink">Prev</a> <a href="" id="nextlink">Next</a> <a class="control_tab active" href="#"> <span class="heading">Welcome</span> <span class="excerpt">Bun venit pe Devil-Area</span> </a> <a class="control_tab" href="#"> <span class="heading">Despre noi</span> <span class="excerpt">Afla mai multe despre noi</span> </a> <a class="control_tab" href="#"> <span class="heading">More</span> <span class="excerpt">Informatii si anunturi</span> </a> <a class="control_tab last" href="#"> <span class="heading">Contact</span> <span class="excerpt">Contacteaza echipa Devil-Area</span> </a> </div>  </div>  <div id="copyright" class="clearfix"> <p>Powered by <a href="http://devil-area.forumz.ro">Devil-Area</a> | Designed by <a href="http://devil-area.forumz.ro">rockNroll</a></p> </div>  </div>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <script type="text/javascript" src="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/js/jquery.cycle.all.min.js"></script> <script type="text/javascript" src="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/js/superfish.js"></script> <script type="text/javascript" src="http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/js/jquery.backgroundPosition.js"></script> <script type="text/javascript"> //<![CDATA[ jQuery.noConflict(); var $featured_area = jQuery('#featured-area'), $featured_content = jQuery('#feat-content'); et_top_menu(); et_search_bar() et_footer_improvements('#footer .widget'); if ($featured_content.length) { var widthButtonsBg, controlTabString = 'a.control_tab', $controlTab = jQuery(controlTabString), $slider_control = jQuery('div#controls'), $slider_control_tab = jQuery('div#controls '+controlTabString), $slider_arrows = jQuery('#featured-area a#prevlink, #featured-area a#nextlink');  if ($controlTab.length === 2) widthButtonsBg = 434; if ($controlTab.length === 1) widthButtonsBg = 220; if (widthButtonsBg) jQuery('#control-bg').css('width',widthButtonsBg+'px'); function isIE6() { return ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)) } if (($featured_content.hasClass("custom_animation")) && (!isIE6())) et_custom_featured(); else et_cycle_integration(); };  function et_top_menu(){ jQuery('ul.superfish').superfish({ delay: 200, // one second delay on mouseout animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation speed: 'fast', // faster animation speed autoArrows: true, // disable generation of arrow mark-up dropShadows: false // disable drop shadows }); jQuery('ul.nav > li > a').hover(function(){ jQuery(this).stop().animate({paddingTop: "14px"},300,function(){ jQuery(this).addClass("top_arrow"); }) },function(){ jQuery(this).stop().removeClass("top_arrow").animate({paddingTop: "25px"},300); }); var $current_page_cat = jQuery('ul.nav > li.current_page_item, ul.nav > li.current-cat'); if ($current_page_cat.length) { //shows the current page,category arrow var currentLeft = $current_page_cat.position().left, currentWidth = $current_page_cat.width(); if ($featured_area.length) currentLeft = currentLeft + 25; var currentSpan = '<span class="current_arrow" style="left: ' + currentLeft + 'px; width: '+ currentWidth +'px;"></span>'; if ($featured_area.length) $featured_area.append(currentSpan) else jQuery("#content-top").append(currentSpan); }; };  function et_footer_improvements($selector){ var $footer_widget = jQuery($selector); if (!($footer_widget.length == 0)) { $footer_widget.each(function (index, domEle) { if ((index+1)%3 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>"); }); }; };  function et_search_bar(){ var $searchform = jQuery('#header div#search-form'), $searchinput = $searchform.find("input#searchinput"), searchvalue = $searchinput.val(); $searchinput.focus(function(){ if (jQuery(this).val() === searchvalue) jQuery(this).val(""); }).blur(function(){ if (jQuery(this).val() === "") jQuery(this).val(searchvalue); }); };  function et_cycle_integration(){ $featured_content.cycle({ timeout: 0, speed: 300, cleartypeNoBg: true }); var ordernum; var pause_scroll = false; function gonext(this_element){ $slider_control.children(controlTabString+".active").removeClass('active'); var activeLeft = this_element.position().left+8; $slider_control.animate({backgroundPosition: activeLeft+'px 7px'},500,function(){ this_element.addClass('active'); }); ordernum = this_element.prevAll(controlTabString).length+1; $featured_content.cycle(ordernum - 1); } $slider_control_tab.click(function() { clearInterval(interval); gonext(jQuery(this)); return false; }); $slider_arrows.click(function() { clearInterval(interval); if (jQuery(this).attr("id") === 'nextlink') { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1; if (auto_number === $slider_control_tab.length) auto_number = 0; } else { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length-1; if (auto_number === -1) auto_number = $slider_control_tab.length-1; }; gonext($slider_control_tab.eq(auto_number)); return false; }); var auto_number; var interval; $slider_control_tab.bind('autonext', function autonext(){ if (!pause_scroll) gonext(jQuery(this)); return false; }); interval = setInterval(function() { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1; if (auto_number === $slider_control_tab.length) auto_number = 0; $slider_control_tab.eq(auto_number).trigger('autonext'); }, 7000); };  function et_custom_featured(){ var $slide = $featured_area.find('div.slide'); var isAnimation = false; var ordernum; var pause_scroll = false; $slide.css('display','none').filter(':first').css({'display':'block'}); $slider_control_tab.click(function() { clearInterval(interval); if (!isAnimation) gonext(jQuery(this)); return false; }); function gonext(next_element){ isAnimation = true; var $current_tab = $slider_control.children(controlTabString+".active"), ordernumCurrent = $current_tab.prevAll(controlTabString).length+1, ordernumNext = next_element.prevAll(controlTabString).length+1, $currentElement = $slide.eq(ordernumCurrent-1), $nextElement = $slide.eq(ordernumNext-1), sliderSpeed = 300; var readmoreButton = "a.readmore", featuredImage = "img.featured_image", descriptionDiv = "div.description", doAnimation; doAnimation = true; if (ordernumCurrent === ordernumNext) { doAnimation = false; isAnimation = false; }; if (doAnimation) { move_arrow(); $currentElement.find(readmoreButton).animate({'opacity':'hide'},sliderSpeed,function(){ $currentElement.find(featuredImage).animate({'opacity':'hide'},sliderSpeed, function(){ $currentElement.find(descriptionDiv).animate({'opacity':'hide'},sliderSpeed,function(){ $currentElement.css('display','none'); $nextElement.children().css('visibility','hidden').end().css('display','block').children(descriptionDiv).children().css({'display':'block','visibility':'hidden'}).end().css('display','block'); $nextElement.find(readmoreButton).css({'top': '-190px','display': 'block','visibility':'visible','opacity':'0'}).animate({top:0,opacity:1},1200,'easeOutBounce',function(){ $nextElement.find(featuredImage).parent('a').css({'visibility': 'visible','opacity':'0'}).animate({opacity:1},sliderSpeed, function(){ $nextElement.find(descriptionDiv).css({'visibility': 'visible','opacity':'1'}).children().filter(':not('+readmoreButton+')').css({'visibility': 'visible','opacity':'0'}).animate({opacity:1},sliderSpeed); $currentElement.find(featuredImage).css({'opacity':'1','display':'block'}); isAnimation = false; }); }); }); }); }); }; function move_arrow(){ $current_tab.removeClass('active'); var activeLeft = next_element.position().left+8; $slider_control.animate({backgroundPosition: activeLeft+'px 7px'},500,function(){ next_element.addClass('active'); }); }; }; $slider_arrows.click(function() { clearInterval(interval); if (jQuery(this).attr("id") === 'nextlink') { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1; if (auto_number === $slider_control_tab.length) auto_number = 0; } else { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length-1; if (auto_number === -1) auto_number = $slider_control_tab.length-1; }; if (!isAnimation) gonext($slider_control_tab.eq(auto_number)); return false; }); var auto_number; var interval; $slider_control_tab.bind('autonext', function autonext(){ if (!pause_scroll) gonext(jQuery(this)); return false; }); interval = setInterval(function() { auto_number = $slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1; if (auto_number === $slider_control_tab.length) auto_number = 0; $slider_control_tab.eq(auto_number).trigger('autonext'); }, 7000); }; //]]> </script> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script> <script type='text/javascript' src='http://www.elegantthemes.com/preview/13Floor/wp-content/themes/13Floor/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-5205247-2"); pageTracker._trackPageview(); </script> <style> #takip { position: fixed; right: 0; top: 220px; z-index: 999; } .takip { background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png'); background-repeat: no-repeat; height: 42px; width: 42px; top: 100px; margin-left: auto; opacity:0.3; filter:alpha(opacity=50); /* For IE8 and earlier */ } .takip:hover { background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png'); cursor: pointer; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } .facebook { background-position: 0px 0px; } .twitter { background-position: 0px -42px; } .Google { background-position: 0px -84px; } .Youtube { background-position: 0px -126px; } .rss { background-position: 0px -168px; } </style> <div id="takip"> <div class="facebook takip" onclick="location.href='http://www.facebook.com/'"> </div> <div class="twitter takip" onclick="location.href='http://www.twitter.com/'"> </div> <div class="Google takip" onclick="location.href='https://www.google.ro/'"> </div> <div class="Youtube takip" onclick="location.href='http://www.youtube.com/'"> </div> <div class="rss takip" onclick="location.href='http://www.vimeo.com/'"> </div><div id="takip"><div class="facebook takip" onclick="location.href='http://www.facebook.com/'" style="width: 42px; "></div><div class="twitter takip" onclick="location.href='http://www.twitter.com'" style="width: 42px; "></div><div class="Google takip" onclick="location.href='https://www.google.ro/'" style="width: 42px; "></div><div class="Youtube takip" onclick="location.href='http://www.youtube.com/'" style="width: 42px; "></div><div class="rss takip" onclick="location.href='http://www.vimeo.com/'" style="width: 42px; "></div>    <a href="http://www.forumgratuit.ro" target="_blank"> </a> <style> .js #feat-content {background-image: none!important;} </style>

Mai editati dvs.!

Le bagi in:
P.A~>Module~>HTML & Javascript~>Administrare pagini HTML~>Apasati pe Adauga

Creeaza o noua pagina HTML~>

Titlu:

Adaugi ce doresti !

Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?

Da

Utilizati aceasta pagina ca pagina de start?

Da

Cod HTML * :

Adaugati codul care l-am dat eu !

O zi buna !

Scris de omega_comunity Dum Mar 31, 2013 12:28 pm

Da e bine ce mi-ai dat tu dar nu imi arata imagini in chenarul ala care este inconjurat in imagine!Ma poti ajuta cu un cod...?Daca da sa imi si spui unde il pun!Mersi mult!
Eu am modificat tot ce ar trebuie sa apara ca acolo dar cu detalii despre comunitatea mea..ar trebui sa apara!

Scris de Mafiotu38 Dum Mar 31, 2013 12:34 pm

Pai imaginile le bagati dvs,cautati pe site-ul de devil-area imaginea,ii aflati link-ul,cautati in pagina HTML unde este link-ul si inlocuiti dvs. cu o alta imagine sau o mai adaugati inca o data...poate merge.

Scris de Cassius Dio Dum Mar 31, 2013 1:29 pm

Avand in vedere ca acest topic a fost marcat ca fiind "rezolvat", il voi inchide si trimite in arhiva.
topic rezolvat

Cum fac o pagina ca in imagine!

Cum fac o pagina ca in imagine!

Re: Cum fac o pagina ca in imagine!

Re: Cum fac o pagina ca in imagine!

Re: Cum fac o pagina ca in imagine!

Re: Cum fac o pagina ca in imagine!

Re: Cum fac o pagina ca in imagine!