HTML, CSS, jQuery..
Picatura ta zilnica de ajutor!
Neotalk este un forum ce se axeaza pe o categorie generala, incercand sa cuprinda cat mai multe arii de activitate. Unele dintre sectiuni se dedica suportului si design-ului, iar altele discutiilor diverse.

Cautare
 
 

Rezultate pe:
 
Rechercher Cautare avansata
Cuvinte-cheie
provocari nebune
Ultimele subiecte
» Ce ne mai jucam?
Mier Iul 03, 2013 9:47 am Scris de Angelo

» Doddy feat. Puya - Klandestin(Dollar Bill)
Vin Iun 21, 2013 9:08 pm Scris de BringTheChill

» Alex Velea - E marfa tare
Joi Iun 20, 2013 11:28 am Scris de <color=#00000>Adi</color>

» Golf-ul
Mier Iun 19, 2013 12:29 pm Scris de BringTheChill

» Adaugarea unui ceas in header(PhpBB3)
Mier Iun 19, 2013 9:32 am Scris de Angelo

» Greseli legate de gramatica limbii romane
Mar Iun 18, 2013 10:33 pm Scris de Angelo

» Red Hot Chili Peppers - Snow
Mar Iun 18, 2013 10:16 pm Scris de Angelo

» Eminem - I think my Dad's gone crazy
Mar Iun 18, 2013 11:48 am Scris de BringTheChill

» Beatles - Come together
Mar Iun 18, 2013 11:46 am Scris de BringTheChill

Septembrie 2018
LunMarMierJoiVinSamDum
     12
3456789
10111213141516
17181920212223
24252627282930
CalendarCalendar
Parteneri
forum gratuit



Parteneri
forum gratuit



Top postatori
Gabi
 
BringTheChill
 
<color=#00000>Adi</color>
 
Angelo
 
DrRadulovici
 
razvan
 
Admin
 
StaarK*
 
Dani
 
Alexader
 

(JS) Structura mesajelor tip MyBB (phpBB3)
Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Scris Joi Mar 21, 2013 9:47 am


Buna ziua,
Multi ati vazut pe forumul de suport roman acel tutorial "Structura mesajelor tip MyBB" dar este valabil doar pentru cei cu aces la template, de asta multi prefera versiunile phpbb2 sau punbb, insa eu prefer phpbb3, de aceia am sa va prezit "Structura mesajelor tip MyBB" si pentru phpbb3.

Codul CSS:
(ACP > Afisare > Imagini si culori > Culori > Foaie de stil CSS)
Cod:
.postprofile {
border-color: white;
border-left-style: solid;
border-left-width: 0;
color: #536482;
display: inline;
float: right;
min-height: auto;
position: relative;
word-wrap: break-word;
background: whiteSmoke;
border-bottom: 1px solid #DDD;
margin: -7px -10px 0;
width: auto!important;
min-width: 101.6%;
padding: 5px 0;
}

.postbody {
clear: both;
color: #536482;
float: left;
line-height: 1.48em;
padding: 0;
width: 100%;
}

.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 0;
float: left;
}

.user-detail {
float: right!important;
width: 200px;
}

.postprofile dt a img {
max-width: 100px!important;
max-height: 75px!important;
float: left;
}

.postprofile dt strong a {
font-weight: bold;
font-size: 14px;
}

.postprofile dt strong img {
float: left;
margin-left: -4px;
margin-top: 5px;
}

.postprofile dt strong {
float: right;
text-align: left;
min-width: 150px;
}

.postprofile dt {
width: auto;
min-width: 230px;
}

.post .author {
float: right;
margin-top: 2px;
margin-left: 0;
margin-right: 0;
}

.post .topic-title {
display: inline;
font-size: 12px;
text-align: left;
float: left;
margin-top: -4px;
}

ul.profile-icons {
float: right;
margin-right: 5px;
padding: 0;
width: auto;
}

ul.profile-icons li {
margin: 0 3px;
}

ul.profile-icons li {
background-position: 0 100%;
float: left;
margin: 0 6px 3px 0;
}

ul.profile-icons li a {
background-position: 0 0;
display: block;
width: 100%;
}

Codul JS:
(ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou cod JavaScript)
Nume: MyBB Mesaje
Amplasare: Topicuri
Cod:
$(function() {
$('.post').each(function(e, data) {
$(this).find('.postprofile').insertBefore('.postbody');
$(this).find('.postbody .topic-title').insertBefore('.postprofile');
$(this).find('.postbody .author').insertBefore('.postprofile');
$(this).find('ul.profile-icons').insertBefore('.postbody + .clear + .right');
});
$('.postprofile').each(function(e, data) {
$(this).find('dd:eq(1)').remove();
$(this).find('dd:eq(3)').remove();
});
$('.postprofile dl').each(function(e, data) {
var a = $(this).find('dd:eq(0)').html();
$(this).find('strong:first').append(a);
$(this).find('strong:first a').after('<br>');
});
$('.postprofile dt + dd').remove();
$('.postprofile dd:has(".label")').addClass('user-detail');
});

Demo: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright © Neotalk. Toate drepturile rezervate.
Tutorial scris de StaarK*

StaarK*
avatar
Rank: Membru nou

Mesaje Mesaje : 28
Inscris pe Inscris pe : 09/03/2013
Varsta : 24
Localizare Localizare : Bacau

Vezi profilul utilizatorului

Scris Joi Mar 21, 2013 11:34 am


Multumim pentru tutorial!

<color=#00000>Adi</color>
avatar
Rank: Moderator

Mesaje Mesaje : 91
Inscris pe Inscris pe : 02/03/2013

Vezi profilul utilizatorului

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.
 •  Incercati sa utilizati un limbaj corect gramatical, care sa excluda exprimarile indecente sau inadecvate subiectului.
 •  Daca postati in sectiunile de suport evitati sa publicati un mesaj la un interval mai mic de 24 de ore.
 •  Respectati deciziile membrilor staff si nu continuati sau amplificati o cearta.
 •  Nu uita sa multumesti celor care te ajuta pentru a capata si data viitoare aceeasi cantitate de ajutor.