Wsparcie » Używanie i konfiguracja WordPressa » Problem z komentarzami- stylowanie

  • Rozwiązano RobertJa

    (@robertja)


    Witam
    Link do szablonu: link

    Mam problem z ustawieniem komentarzy i daty w jednej linii po przeciwnych stronach.

    html:

    <div class="info">
    <div class="time>"<h3><?php the_time('j F Y') ?></h3></div>
    <div class="cominfo">Komentarzy:<?php comments_popup_link('0', '1', '%'); ?></div>
    </div>

    styl:

    .info{
    font:normal 13px "Georgia", helvetica, arial, times;
    color: #8e8c8c;
    margin:0 0 2px 0;
    	}
    .time {
     float:left;
    }
    .cominfo {
     float: right;
    }
    .cominfo a{
    color:#e46109;
    text-decoration:none;
    }
    .cominfo a:hover{text-decoration: none; color:#aaa8a8;}

    Co jest nie tak?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Masz błąd w kodzie źródłowym:
    <div class="time>"
    powinno być tak:
    <div class="time">
    możesz dodać jeszcze do klasy .time – display:inline

    Thread Starter RobertJa

    (@robertja)

    Pokombinowałem, dałem dwie classy do diva i dalej mi nic nie wychodzi.

    Z display:inline obniża komentarze jak go usunę to zaś jest wszytko w jednej linii ale tytuł nachodzi posta nachodzi na tego div`a i jest wyśrodkowany. Terz jest bez dispay:inline

    html:

    <div id="info">
    <div class="time"><?php the_time('j F Y'); ?></div>
    <div class="cominfo">Komentarzy:<?php comments_popup_link('0', '1', '%'); ?></div>
    </div>

    style:

    #info{
    	font:normal 13px "Georgia", helvetica, arial, times;
    	color: #8e8c8c;
    	margin:10px 0px 20px 0;
    	/* border-bottom:1px dotted #550606; */
    	}
    .time {
    
      float:left;
    }
    .cominfo {
      float: right;
    
    }
    .cominfo a{
     color:#e46109;
    	text-decoration:none;
    }
    .cominfo a:hover{
      text-decoration: none;
    	color:#aaa8a8;
    	}

    Dodaj do: #info overflow: hidden;

    Obrazk jak to wyglada:
    http://awesomescreenshot.com/0b16m8a55

    Kod CSS

    #info{
    	width:500px;
    	border: 1px solid #F00;
    	overflow:hidden;
    	padding:5px;
    }
    .time{
    	float:left;
    	width:100px;
    	height:50px;
    	border: 1px dotted #F30;
    }
    .data{
    	float:right;
    	width:50px;
    	height:50px;
    	border: 1px dotted #000;
    }

    Kod HTML

    <div id="info">
    	<div class="time">czas</div>
        <div class="data">data</div>
    </div>

    pamietaj zeby dodac <?php the_time(’j F Y’); ?> w odpowiednich miejscach 🙂

    Thread Starter RobertJa

    (@robertja)

    Dzięki, overlow:hidden; pomogło.

    Sebe91, możesz rozwinąć to zdanie:

    pamietaj zeby dodac <?php the_time(’j F Y’); ?> w odpowiednich miejscach 🙂

    Gdzie są odpowiednie miejsca, ja dopiero zaczynam przygodę z web-masteringiem i jeszcze bardzo mało umiem.

    Pozdrawiam

    <?php the_time('j F Y'); ?> to jest kod PHP ktory wyswietli Ci czas/date w odpowiednim formacie wiec ten kod wklep w tego diva gdzie chcesz, zeby Ci wyswietlalo czas/date.
    PHP data/czas <- Zobacz sobie jakich literek uzyc, zeby wyswietlic date/czas inaczej.
    Ja mam np tak napisał: <?php comment_date('l, d F Y') ?> o <?php comment_time() ?> <?php edit_comment_link('| Edytuj'); ?>

    <?php comments_popup_link('0', '1', '%'); ?> ten kod odpowiada za wyswietlanie ilosci komentarzy, i tak pierwsza liczba akurat masz 0 jesli bedziesz mial zero komentarzy to wyswietli 0, 1 wyswietli 1 % wyswietli sama liczbe jak bedziesz mial wiecej niz 1 komentarz.

    Mozesz napisac tez np
    <?php comments_popup_link('0 komentarzy', '1 komentarz', '% komentarzy'); ?>

    i teraz wyswietli, ze masz 0 komentarzy, pozniej, ze 1 komentarz a pozniej np 30 komentarzy

    Thread Starter RobertJa

    (@robertja)

    Dzięki za wyjaśnienie, wypróbuje te sposoby wyświetlania.
    Pozdrawiam.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Temat ‘Problem z komentarzami- stylowanie’ jest zamknięty na nowe odpowiedzi.