Navigare rapidă

Ultimele subiecte
» Criptare sursa html in cifre
Scris de nicutzy Joi 23 Mar - 2:09
» Bine v-am gasit !
Scris de Andrei34 Mier 22 Mar - 15:19
» Cum retusam imaginile
Scris de razvan112 Vin 17 Mar - 15:00
Cuvinte-cheie

tema  banner  edit  drop  meniu  menu  animate  chenar  ultimele  reclama  Metin2  Mesaje  tutorial  navigare  subforumuri  subiecte  html  phpBB2  profil  legenda  Statistici  radio  avatar  cautare  Bara  punbb  

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 inscris si conectat pentru a vedea aceasta 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!