Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>


Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>

Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Conectare


descriptionPagina html cu mentenanta  EmptyPagina html cu mentenanta

more_horiz
Salutari dragi membrii / vizitatori Frannnta-Design azi va pun la dispozitie un tutorial care o sa ai ajute ( sau nu ) pe cei cu forumuri : ipb , forumgratuit, punbb , etc... . 

ei bine indexul e asa : Click

Codul : 

Cod:

<html>
<head>
<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width /">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Mentenanta !</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,700);
body, html { font-size: 100%; padding: 0; margin: 0;}
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6
{
 -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: normal;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
 font-family: 'Dosis', Calibri, Arial, sans-serif;
 color: #efefef;
 background: #0d6cbd; /**/
}
.spacer { float:left; width:100%; height:30px; }
.wrapper {width:100%; min-width:480px; height:100%;}
.timeline {float:left;  position:relative; min-height:100%; height:500px; margin-left:15%;  border-right:1px dotted #fd6cbd; }
.content {float:left; position:relative; width:80%; height:100%; margin-left: 15%; position: absolute; }
h3 { float:left; font-size:42px; font-family: 'Lato', Calibri, Arial, sans-serif; font-weight:300; margin-bottom:30px;}
p {float:left; }
.logo { float:left; width:303px; height:44px; margin:70px 0 50px 0; background:url("/mentenanta/logo.png") no-repeat 0 0;}

p,h3,.logo { margin-left:50px; clear: both;}
.msg { font-size:22px; margin-bottom:20px;}
.exi { font-style:italic;}
.social { float:left; width:auto; height:32px; background:url("/mentenanta/facebook.png") no-repeat 0 0; margin:50px 0 0 50px; clear: both; }
.social a {float:left; margin:7px 0 0 40px; font-size:14px; color:#cfcfcf; text-decoration:none; }
.social a:hover {color:#fff;}

@media only screen and (max-width : 399px),
only screen and (max-device-width : 399px){
.wrapper {width: 320px;}
.logo { margin:50px 0 30px 50px;}
h3 { font-size:28px;}
.timeline {margin-left: 8%;}
.content { width:85%; margin-left: 8%;}
.msg { font-size:20px;}
}
@media screen and (max-device-width: 640px) and (orientation: landscape){

.wrapper {width: 600px;}
.logo { margin:50px 0 30px 50px;}
h3 { font-size:32px;}
.msg { font-size:20px;}
}
@media screen and (max-device-width: 480px) and (orientation: portrait){

.wrapper {width: 320px;}
.logo { margin:50px 0 30px 50px;}
h3 { font-size:28px;}
.timeline {margin-left: 8%;}
.content { width:85%; margin-left: 8%;}
.msg { font-size:20px;}
}
</style>
</head>
<body>
<div class="wrapper">
 <div class="timeline"></div>
 <div class="content">
 <div class="logo"></div>
 <h3>Upsy ! Forum in lucru</h3>
 <p class="msg">text suplimentar</p>
 <p class="ex"></p>
 <p class="exi">Tehnicienii nostrii incearca sa remedieze probleme aparute pe forum !</i></p>
 </div>
</div>
</body>
</html>


Si cum il punem acum ?: 


ForumGratuit : 

1. Acp --> Module --> Gestionarea paginilor html --> Creeaza o pagina html in mod avansat --> punem codul si la titlu punem : Mentenanta  

2. Acp --> General --> Forum --> Configurare --> Forum in constructie , alegem cate zile sa stea in mentenanta forumul si la chenarul unde bagi diverse coduri baga-m urmatorul cod : 

Cod:

<META http-equiv="refresh" content="0;URL=LINK FORUM">


3. Acum avem o pagina html pentru mentenanta !

Ipb : 

Acp --> Sistem --> Comunity on / off --> si adaugam pur si simplu codul de sus .

Alte platforme : 

Procedati cum am facut la platforma ForumGratuit

Ultima editare efectuata de catre Suportt Petronel in Mier Feb 08, 2017 3:21 pm, editata de 2 ori (Motiv : Modificare link .)

descriptionPagina html cu mentenanta  EmptyRe: Pagina html cu mentenanta

more_horiz
mersi
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
power_settings_newConectați-vă pentru a răspunde