Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // GRAFISKĀ IZSTRĀDE » PROBLĒMAS & RISINĀJUMI » Profile Card
Profile Card
Rencis
Pirmdiena, 20.11.2017, 9:03:51 | Ieraksts #1
PRASTS BIEDRS
Foruma ieraksti: 126

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Rencis raksta .. :

Jums strādā šīs ?
Ieliku CSS iekš CSS /panel/?a=tmpl;m=3;t=3;hloff=0
HTML iekš HTML bet nerādās dizains

HTML kods

Code
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<div class="container">
             <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb60 text-center">
                        <h2>Profile Card bootstrap dark layout</h2>
                    </div>

                </div>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mb30">
                    <div class="tutor-block">
                        <div class="tutor-img">
                            <img src="http://via.placeholder.com/296x211">
                        </div>
                        <div class="tutor-content">
                            <h5 class="tutor-title">Carmelo Ugalde</h5>
                            <span class="tutor-designation">(Designation title)</span>
                            <p>Quisque malesuada nullanec mivarius efficitur. stibulum sollicitudin tortor vellorem.</p>
                        </div>
                    </div>
                    <div class="social-media">
                        <span><a href="#"><i class="fa fa-facebook-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-twitter-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-youtube-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-linkedin-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-instagram"></i></a></span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mb30">
                    <div class="tutor-block">
                        <div class="tutor-img">
                            <img src="http://via.placeholder.com/296x211">
                        </div>
                        <div class="tutor-content">
                            <h5 class="tutor-title">LAUREL FOSTER</h5>
                            <span class="tutor-designation">(Designation title)</span>
                            <p>Maecenas ut tortor doloestibulum lacinia orci semplacerat convallis nrum vitae. </p>
                        </div>
                    </div>
                    <div class="social-media">
                        <span><a href="#"><i class="fa fa-facebook-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-twitter-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-youtube-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-linkedin-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-instagram"></i></a></span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mb30">
                    <div class="tutor-block">
                        <div class="tutor-img">
                            <img src="http://via.placeholder.com/296x211">
                        </div>
                        <div class="tutor-content">
                            <h5 class="tutor-title">BARBARA GILLUM</h5>
                            <span class="tutor-designation">(Designation title)</span>
                            <p>Asem luctus libero lerdum viverrasem faucibus nontiam vel fringillaeed euarcu samo.</p>
                        </div>
                    </div>
                    <div class="social-media">
                        <span><a href="#"><i class="fa fa-facebook-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-twitter-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-youtube-square"></i></a></span>
                        <span><a href="#"><i class="fa  fa-linkedin-square"></i></a></span>
                        <span><a href="#"><i class="fa   fa-instagram"></i></a></span>
                    </div>
                    
                </div>
                
            </div>
             <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mt30">
              Created by <a href="https://goo.gl/YXdWkj" target="_blank">easetemplate</a>
              </div></div>
        </div>


CSS kods

Code
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; font-size: 16px; color: #6c6c6c; font-weight: 400; line-height: 28px; background-color: #141414; }

h1, h2, h3, h4, h5, h6 { color: #dadada; margin: 0px 0px 15px 0px; font-weight: 300; font-family: 'Oswald', sans-serif; letter-spacing: 2.5px; text-transform: uppercase; }
a { text-decoration: none; color: #6c6c6c; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #ff3c2e; }
.tutor-block { background-color: #1a1a1a; padding: 30px; }
.tutor-content { text-align: center; }
.tutor-title { margin-bottom: 5px; }
.tutor-designation { color: #ff3c2e; display: block; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; font-size: 12px; }
.tutor-img img { width: 100%; margin-bottom: 30px; }
.social-media { background-color: #292929; padding: 12px; text-align: center; }
.social-media span { margin-right: 18px; font-size: 20px; font-family: "FontAwesome";}
.mb60{margin-bottom:60px;}
.mt30{margin-top:30px;}


Iznākumam jābūt šādam :

Man izskatās šādi :

Kāds var man palīdzēt ?
Pielikumi: 8058798.jpg(9.2 Kb) · 5068003.jpg(8.5 Kb)


Paraksta nav

Korijs
Otrdiena, 21.11.2017, 10:50:13 | Ieraksts #2
FORUMA DIKTATORS
Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Korijs raksta .. :

tāpēc, ka tas ir bootstrap; pamēģini viņu rīkos iemest kodus - https://www.bootply.com/ , viss darbojas

ja tev lapa tiek balstīta uz bootstrap, tad darbosies, ja nē, tad bootstrapa css atsevišķi kodi nederēs

vai nu lapa jātaisa uz bootstrap vai arī jāpārtaisa kods, lai der esošajai lapai

papildus noteikti ievēro, ka gan jau tavai lapai pastāv, piemēram, CSS body, nevajadzētu to atkārtoti iekļaut


Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

uWM // FORUMS » uWEBMEISTARS // GRAFISKĀ IZSTRĀDE » PROBLĒMAS & RISINĀJUMI » Profile Card
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja: Sergey

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...