Navigare rapidă

Ultimele subiecte
» Cum sa repari un CD sau DVD "Idiot"
Scris de ionut1ion Dum 30 Iul - 11:28
» [PlayList] Shiin
Scris de System Joi 20 Iul - 16:14
» Wireless ipb theme [punBB]
Scris de RobiWiLL Vin 14 Iul - 2:01
» Conturile fara mesaje au fost dezactivate
Scris de Femoko Mier 12 Iul - 21:14
Cuvinte-cheie

Informatii postator adaugate intr-un tabel


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga intr-un tabel titlul subiectului, data postarii si avatarul autorului.
Previzualizare Topic:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Adaugati in gestiunea codurilor javascript:
P.A ~> Module ~> HTML & Javascript ~> Gestiunea codurilor javascript
Cod:
jQuery(document).ready(function() {
$('.page-title').after('<div class="ipbfs_titlebox"></div>');
jQuery('#main-content .page-title:first').removeClass('page-title').addClass('ipsType_pagetitle');
$('.postprofile dl dt a:first').clone().prependTo('.ipbfs_titlebox');
$('.ipbfs_titlebox a img').addClass('ipsUserPhoto ipsUserPhoto_medium left');
$('.ipsType_pagetitle').appendTo('.ipbfs_titlebox');
$('.ipbfs_titlebox').append('<div class="desc lighter blend_links"></div>');
$('.author:first').clone().appendTo('.desc.lighter.blend_links');
});

$(document).ready(function() {
var x=$('.desc.lighter.blend_links .author')[0];
if(x) {x.innerHTML=x.innerHTML.replace(/Scris de/,'Started by');}
});

$(document).ready(function() {
var x=$('.desc.lighter.blend_links .author')[0];
if(x) {x.innerHTML=x.innerHTML.replace(/la data de/,'');}
});

Amplasare: Subforumuri si Topicuri'

Apoi adaugati in CSS:
P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
.desc.lighter.blend_links {
margin-top: 0px;
margin-left: 10px!important;
position: relative;
left: 10px;
}

.desc.lighter.blend_links .author {
display: inline;
color: #323232;
margin-left: -4px;
}

.ipsType_pagetitle a {
color: #323232!important;
margin-left: 10px;
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
}

.ipbfs_titlebox {
background: #EDEFF1 url("http://www.ipbforumskins.com/skindemo/public/style_images/marble/noise.png") repeat;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
margin-top: 25px;
}

.ipbfs_titlebox a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
width: 50px;
height: 50px;
}

Si ai reusit!  



Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru ET
avatar
la data de Vin 13 Dec - 15:08
Gregory House Membru ET
Conectat
Multumim Staark .
Membru dedicat
avatar
la data de Lun 30 Dec - 22:17
mr.franta Membru dedicat
Conectat
Dupa titlu mi-am dat seama imediat despre ce este vorba, pacat ca multi il cauta pe help sub o alta denumire.
Membru ET
avatar
la data de Mar 31 Dec - 22:41
kitkat Membru ET
Conectat
la mine nu merge

Care imi este problema?
Membru dedicat
avatar
la data de Mier 1 Ian - 13:22
mr.franta Membru dedicat
Conectat
kitkat daca ai o problema in legatura cu un tutorial te rog sa reiei pasii de la capat si daca intampini iar o problema te rog sa postezi in sectiunea corespunzatoare
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Membru activ
avatar
la data de Mier 1 Ian - 18:08
Teed Membru activ
Conectat
Foarte frumos, felicitari!