Guida [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Compatibile

Utente Assiduo
Autore del topic
29 Dicembre 2012
611
21
Miglior risposta
0
[PURPLE]
Bella a tutti ragazzi di sciax2.
Oggi,per i meno esperti,darò una guida su come modificare un cms holo ,grafica,html etc..



MODIFICARE LA GRAFICA

Punto n1) MODIFICARE IL LOGO
Rechiamoci sulla cartella htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Ora prendiamo il nostro logo e lo trasciniamo dentro la cartella e la nominiamo habbo.png dove poi sostituirete il logo vecchio.
Se non lo vedete? Non preoccupatevi , cancellare le cake e cookie.
Punto n2) MODIFICARE LA TOPBG
Per chi non sapesse cos'è la topbg :
3955937f6a758eea2aaace53f507d0cd.png

Rechiamoci su htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Ora facciamo la stessa cosa del logo trasciniamo la nostra topbg nella cartella con il nome topbg.png e sostituiamola con quella vecchia.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.
Punto n3) MODIFICARE I TASTI O VERO LA TABS
Per chi non sapesse cos'è la tabs :
a14436f268ce72e4f0d1258f505cc268.png

Rechiamoci in htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Trasciniamo la nostra tabs sulla cartella con il nome di tabs.png e sostituiamola con quella vecchia.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.
Punto n4) MODIFICARE LO SFONDO O VERO LA BG
Che ne dite di usare uno sfondo ripetitivo come questo?
44019e23205696516d08478d5e06caa5.png

Rechiamoci in htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Trasciniamo lo sfondo con il nome bg.png nella cartella e sostituiamo quello vecchio.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.
Punto n5) MODIFICARE LE INNER_TABS
Cosa sono le inner_tabs?
Sono dei semplici tasti:
eca4e8fb047fac978d10909a773c5f55.png

Che ne dite di usare quelli di bobba?
a65a8a104a8e9de4e4f5885987686b58.png

Rechiamoci in htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Trasciniamo i nostri tasti con il nome di inner_tabs nella cartella e sostituiamola con quella vecchia.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.
Punto n6) MODIFICARE LA ME_PAGEINFO
Cos'è la me_pageinfo? :
33b84192c8389fa558dbc3b609b7b877.png

Rechiamoci in htdocs > web-gallery > V2 > images e siamo arrivati sulla cartella adatta.
Trasciniamo la nostra me_page con il nome di mepage_info_bg.png se non; chiamatela mepage_info_hg.png
nella cartella è sostituiamola con quella vecchia.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.
Punto n7) MODIFICARE LA SUBNAVIBG
Cos'è la subnavibg?
dc688cbb38c5cccd162874bef549f66f.png

Rechiamoci in htdocs > web-gallery > V2 > images > holo e siamo arrivati sulla cartella adatta.
Trasciniamo la subnavi.png nella cartella holo e sostituiamola con quella vecchia.
Se non la vedete? Non preoccupatevi , cancellare cake e cookie.

MODIFICARE GLI HTML

AGGIUNGERE ADDON
Seguire questa guida per creare uno spazio addon dove potrete mettere,radio,etc,quello che volete.
http://www.sciax2.it/forum/guide-info/creare-addon-295888.html
Cominciamo con l'html dei gruppi o vero SCELTE DALLO STAFF dove potrete inserirlo ovunque.
<?php /*Groups*/ ?>
<div class="habblet-container ">
<div class="cbb clearfix red">
<div class="box-tabs-container clearfix">
<h2>Scelte dallo Staff</h2>
<ul class="box-tabs">
<li id="tab-rooms"><a href="#">Stanze</a><span class="tab-spacer"></span></li>

<li id="tab-groups" class="selected"><a href="#">Gruppi</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-rooms-content" style="height: 165px;overflow-x: scroll;display: none;" id="promogroups-habblet-list-container"><br>
</li>
<script type="text/javascript">
Rounder.addCorners($("habbo-search-error"), 8, 8);
</script> </div>
<div id="tab-groups-content" >
<div style="height: 155px;overflow-x: scroll;" id="promogroups-habblet-list-container" class="habblet-list-container groups-list">
<ul class="habblet-list two-cols clearfix">
<?php $sql = mysql_query("SELECT * FROM cms_recommended WHERE type = 'group' ORDER BY id ASC") or die(mysql_error());
while($row = mysql_fetch_assoc($sql)) {
$i++;

$groupsql = mysql_query("SELECT * FROM groups WHERE id = '".$row['rec_id']."' LIMIT 1");
$grouprow = mysql_fetch_assoc($groupsql);

if(IsEven($i)){
$even = "even left";
} else {
$even = "even right";
}
?>
<li class="<?php echo $even; ?>" style="background-image: url(./habbo-imaging/badge.php?badge=<?php echo $grouprow['badge']; ?>.gif)">
<?php if($grouprow['roomid'] != 0) { ?><a href="client.php?forwardId=2&amp;roomId=<?php echo $grouprow['roomid']; ?>" onclick="HabboClient.roomForward(this, '<?php echo $grouprow['roomid']; ?>', 'private'); return false;" target="client" class="group-room"></a><?php } ?>
<a class="item" href="group_profile.php?id=<?php echo $grouprow['id']; ?>"><strong><?php echo HoloText($grouprow['name']); ?></strong></a>
</li>
<?php } ?>
</ul>
</div>
</div></div>
<form target="_blank" action="http://vorbeo.com/?page=show_results&code=136680385911954VkdocE1UTTJOamd3TXpnMU9URXhPVFUw" method="POST"><div style="letter-spacing:normal; width:290px; height:autopx; border:1px solid #E80205; background-color:#FFFBCF; color:#444444; padding:5px; font: normal 12px/18px Verdana, Arial, sans-serif;"><div style="font-weight:bold; margin:5px; margin-bottom:10px;">Cosa pensi del GD?</div><input name="q" type="hidden" value="Cosa pensi del GD?"/><input type="radio" name="answer" value="E' molto utile"/>E' molto utile<br/><input name="answer0" type="hidden" value="E' molto utile"/><input type="radio" name="answer" value="E' poco utile"/>E' poco utile<br/><input name="answer1" type="hidden" value="E' poco utile"/><input type="radio" name="answer" value="Preferisco il pixel"/>Preferisco il pixel<br/><input name="answer2" type="hidden" value="Preferisco il pixel"/><div style="text-align:center; margin:5px; margin-top:10px;"><input type="submit" value="Vote"/></div></form></div>

<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>

<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>



</div>
</div>
Che ne dite dell'addon tags,potrete metterlo ovunque :emoji_slight_smile:
<?php /*Tags */ ?>
<div class="habblet-container ">
<div class="cbb clearfix green ">
<div class="box-tabs-container clearfix">
<h2>Tags</h2>
<ul class="box-tabs">
<li id="tab-3-1"><a href="#">I <?php echo $shortname; ?> amano...</a><span class="tab-spacer"></span></li>
<li id="tab-3-2" class="selected"><a href="#">I miei Tag</a><span class="tab-spacer"></span></li>
</ul>
</div>
<div id="tab-3-1-content" style="display: none">
<div class="progressbar"><img src="./web-gallery/images/progress_bubbles.gif" alt="" width="29" height="6" /></div>
<a href="tagcloud.php?sp=plain" class="tab-ajax"></a>
</div>
<div id="tab-3-2-content" >
<div id="my-tag-info" class="habblet-content-info">
<?php if($tags_num > 19){ echo "Hai raggiunto il limite di Tag - eliminane una per aggiungerne una nuova."; } elseif($tags_num == 0){ echo "Non hai tags. Rispondi alla domanda o inserisci un tag a tua scelta."; } elseif($tags_num < 20){ echo "Aggiungi altri Tag - c'&egrave ancora posto!"; } ?>
</div>
<div class="box-content">
<div class="habblet" id="my-tags-list">

<?php if($tags_num > 0){
echo "<ul class=\"tag-list make-clickable\"> ";
while($row = mysql_fetch_assoc($fetch_tags)){
printf("<li><a href=\"tags.php?tag=%s\" class=\"tag\" style=\"font-size:10px\">%s</a>\n
<a class=\"tag-remove-link\"\n
title=\"Rimuovi Tag\"\n
href=\"#\"></a></li>\n", $row['tag'], $row['tag']);
}
echo "</ul>";
} ?>

<?php if($tags_num < 20){ ?>
<form method="post" action="tags_ajax.php?key=add" onsubmit="TagHelper.addFormTagToMe();return false;" >
<div class="add-tag-form clearfix">
<a class="new-button" href="#" id="add-tag-button" onclick="TagHelper.addFormTagToMe();return false;"><b>Aggiungi tag</b><i></i></a>
<input type="text" id="add-tag-input" maxlength="20" style="float: right"/>
<em class="tag-question"><?php echo $tag_question; ?></em>
</div>
<div style="clear: both"></div>
</form>
<?php } ?>
</div>
</div>
Che ne dite del''addon Notizie in primo piano?Potrete metterlo ovunque!
<div class="habblet-container ">
<div class="cbb clearfix orange ">

<h2 class="title">In Primo Piano
</h2>
<div id="hotcampaigns-habblet-list-container">
<ul id="hotcampaigns-habblet-list">
<?php
$getcampaigns = mysql_query("select * from cms_campaigns");
while($campaigns = mysql_fetch_assoc($getcampaigns)) {
?>
<li class="even">
<div class="hotcampaign-container">
<a href="<?php echo $campaigns['url']; ?>"><img src="<?php echo $campaigns['image']; ?>" align="left" alt="" /></a>
<h3><?php echo $campaigns['name']; ?></h3>
<p><?php echo $campaigns['desc']; ?></p>
<p class="link"><a href="<?php echo $campaigns['url']; ?>">Clicca per saperne di piu' &raquo;</a></p>
</div>
</li>
<?php } ?>
</ul>
</div>


</div>
</div>
Che ne dite del comune addon minimail?
<div class="habblet-container ">
<div class="cbb clearfix orange ">

<h2 class="title">In Primo Piano
</h2>
<div id="hotcampaigns-habblet-list-container">
<ul id="hotcampaigns-habblet-list">
<?php
$getcampaigns = mysql_query("select * from cms_campaigns");
while($campaigns = mysql_fetch_assoc($getcampaigns)) {
?>
<li class="even">
<div class="hotcampaign-container">
<a href="<?php echo $campaigns['url']; ?>"><img src="<?php echo $campaigns['image']; ?>" align="left" alt="" /></a>
<h3><?php echo $campaigns['name']; ?></h3>
<p><?php echo $campaigns['desc']; ?></p>
<p class="link"><a href="<?php echo $campaigns['url']; ?>">Clicca per saperne di piu' &raquo;</a></p>
</div>
</li>
<?php } ?>
</ul>
</div>


</div>
</div>
Che ne dite dell'addon cerca utente?Puoi inviare anche amicizie!
<?php */ ?>
<?php /*Habbo Search*/ ?>
<div class="habblet-container ">
<div class="cbb clearfix default ">
<div class="box-tabs-container clearfix"><div>
<h2><?php echo $shortname; ?></h2>
<ul class="box-tabs">
<li id="tab-2-2" class="selected"><a href="#">Trova <?php echo $shortname; ?></a><span class="tab-spacer"></span></li></div>



<div class="habblet-content-info">
<a name="habbo-search">Per trovare un <?php echo $shortname; ?>, inserisci i primi caratteri del suo nome.</a>
</div>
<div id="habbo-search-error-container" style="display: none;"><div id="habbo-search-error" class="rounded rounded-red"></div></div>
<br clear="all"/>
<div id="avatar-habblet-list-search">
<input type="text" id="avatar-habblet-search-string"/>

<a href="#" id="avatar-habblet-search-button" class="new-button"><b>Cerca</b><i></i></a>
</div>

<br clear="all"/>

<div id="avatar-habblet-content">
<div id="avatar-habblet-list-container" class="habblet-list-container">
<ul class="habblet-list">
</ul>

</div>
<script type="text/javascript">
L10N.put("habblet.search.error.search_string_too_long", "La parola chiave che hai inserito &egrave troppo lunga. La lunghezza massima &egrave 30 caratteri.");
L10N.put("habblet.search.error.search_string_too_short", "La parola chiave che hai inserito &egrave troppo corta. Sono richiesti almeno 2 caratteri.");
L10N.put("habblet.search.add_friend.title", "Aggiungi alla tua lista di amici");
new HabboSearchHabblet(2, 30);

</script>

</div>


</div>

</div>
</div>
Che ne dite quello delle news?Sarà molto entusiasmante leggere le news dai nostri competition menager..
<div class="habblet-container news-promo">
<div class="cbb clearfix notitle ">


<div id="newspromo">
<div id="topstories">
<div class="topstory" style="background-image: url(<?php echo $news_1_topstory; ?>)">
<h4>uLTIME NEWS</h4>
<h3><a href="news.php?id=<?php echo $news_1_id; ?>"><?php echo $news_1_title; ?></a></h3>

<p class="summary">
<?php echo $news_1_snippet; ?>
<p>
<a href="news.php?id=<?php echo $news_1_id; ?>">Leggi &raquo;</a>
</p>
</div>
<div class="topstory" style="background-image: url(<?php echo $news_2_topstory; ?>); display: none">
<h4>Ultime news</h4>

<h3><a href="news.php?id=<?php echo $news_2_id; ?>"><?php echo $news_2_title; ?></a></h3>
<p class="summary">
<?php echo $news_2_snippet; ?>
<p>
<a href="news.php?id=<?php echo $news_2_id; ?>">Leggi &raquo;</a>
</p>


</div>
<div class="topstory" style="background-image: url(<?php echo $news_3_topstory; ?>); display: none">
<h4>Ultime News</h4>

<h3><a href="news.php?id=<?php echo $news_3_id; ?>"><?php echo $news_3_title; ?></a></h3>
<p class="summary">
<?php echo $news_3_snippet; ?>
<p>
<a href="news.php?id=<?php echo $news_2_id; ?>">Leggi &raquo;</a>
</p>

</div>
<div id="topstories-nav" style="display: none"><a href="#" class="prev">&laquo; Precedente</a><span>1</span> / 3<a href="#" class="next">Successiva &raquo;</a></div>
</div>
<ul class="widelist">
<li class="even">

<a href="news.php?id=<?php echo $news_3_id; ?>"><?php echo $news_3_title; ?> &raquo;</a><div class="newsitem-date"><?php echo $news_3_date; ?></div>
</li>
<li class="odd">
<a href="news.php?id=<?php echo $news_4_id; ?>"><?php echo $news_4_title; ?> &raquo;</a><div class="newsitem-date"><?php echo $news_4_date; ?></div>
</li>
<li class="last"><a href="news.php">Altre news &raquo;</a></li>
</ul>
</div>

<script type="text/javascript">
document.observe("dom:loaded", function() { NewsPromo.init(); });
</script>
</div></div>

FONTE ASSOLUTAMENTE MIA.
[/PURPLE]
Ci scusiamo per la grammatica del creatore del topic,leggere attentamente il fascicolo illustrativo. :emoji_relieved:
 
Ultima modifica:
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Guida davvero bella esteticamente, con molti screen e la struttura è bellissima. Il contenuto è interessante ed utile, ci son molte guide così ma questa è davvero bella, 9/10 @Compatibile
 
@Compatibile
Guida Carina ma ovviamente direi :
Modificare un cms al 20%
Per modificarlo bene devi come minimo conoscere html è css.
Comunque bravo per aver Postato.
 
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Ottima Sai @Compatibile , Però , Potevi Mettere
Anche Altri CMS , Tipo DNT - HaDDo - Wake , Non Solo Il tuo ,
Bravo , Come Già Il Tuo CMS è Carino , Però Solo
"Non Mi Piace" Che Metti Solo Il Tuo , La Guida Agli
Addons Va Più Che Bene , Meriti Rilievo . . .​
 
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Ottima Sai @Compatibile , Però , Potevi Mettere
Anche Altri CMS , Tipo DNT - HaDDo - Wake , Non Solo Il tuo ,
Bravo , Come Già Il Tuo CMS è Carino , Però Solo
"Non Mi Piace" Che Metti Solo Il Tuo , La Guida Agli
Addons Va Più Che Bene , Meriti Rilievo . . .​
Metto altri cms :emoji_relieved:
Hai capito @#Pako94 metti in rilievo :repuni:
 
Ultima modifica:
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Il rilievo? Ma per favore...
Poi 90%? Per modificare un paio di immagini e mettere 2 addons, hai modificato un CMS 90%? :|
Per il resto va bene, è un guida ampia per i meno esperti e spiegata in modo bene, peccato per la grammatica, potresti correggere i vari errori.
 
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Sicuramente la guida più completa di tutto Sciax2 riguardo all'argomento trattato ;)
Bravo per aver postato, servirà a moltissime persone.

La guida è comprensibile e dettagliata, bravo per aver aggiunto gli screen che facilitano la comprensione della tua guida :emoji_slight_smile:
Mi piacciono molto comunque quelle tabs che hai postato, bravo!

Ti consiglio ti tenerla in aggiornamento ;) è ottima!

VOTO: 8/10 @Compatibile
 
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Non è che ci vuole molto a modificare un cms ma bravo comunque. La Guida è molto dettagliata, davvero molto utile, servirà molto per i meno esperti. Ti consiglio di tenerla aggiornata. ;)


Voto 7/10
 
Riferimento: [GUIDA] ~ Modificare un cms al 90% ~ [GUIDA]

Ovviamente modificare le immagini o aggiungere addons lo "privatizzano" non modificano.
Modificare un CMS al 90% è come ZambaHacker che ha scritto il php da 0 e presa la grafica da Habbo...per i meno esperti potrebbe andare bene..