Witam serdecznie wszystkich już tłumaczę swój problem a mianowicie pracuję w Wordpress mam sobie taki skrypt który wyświetla mi posty na stronie głównej w moich ramkach pobiera zdjęcie oraz odpowiednie informacje z custom fields czyli godzine wydarzenia, date dodania postu, kategorie postu itd. Teraz chciałbym obrysować te funkcje w ramkę czyli border i nie mam zielonego pojęcia jak się do tego zabrać czy stworzyć jaką sekcję <section> czy cokolwiek innego w tym momencie mój skrypt wygląda tak:



a chciałbym aby wyglądał tak:



nie oczekuję tutaj żadnego gotowego rozwiązania w wręcz przeciwnie chciałbym to zrozumieć z góry dziękuje za jakąkolwiek pomoc. Pozdrawiam.

a czy znasz podstawy html i css? Od tego zacznij, bo nawet kawałka kodu nam nie wkleiłeś, więc domyślam się, że przeglądanie źródła jest dla Ciebie obce

Gdybym nie przeglądał to bym nie stworzył wyświetlania wpisów w takiej postaci proszę bardzo o to kod skryptu odpowiedzialnego za wyświetlanie wpisów.

[PHP] pobierz, plaintext 
<div class="pl-col-md-8 pl-col-xs-12">
							<div class="pl-detailcnt">
								<div class="DATA">';
									if (isset($this->pw_hide_date) && ($this->pw_hide_date=='off')){
										$output .= '<span class="pl-date">'. get_the_date($this->pw_date_format).'</span></h4>';
										$output .= get_post_meta(get_the_ID(), 'godzina', TRUE);
										$output .= get_post_meta(get_the_ID(), 'kategoria', TRUE);
									}
 
								$output .= '<h4 class="pl-title left-txt">';
								$output .= '<a href="'. $post->link .'" target="'. $this->pw_link_target  .'">'. get_the_title() .'</a></h4>';
								$output .='<p class="pl-text left-txt">'. $VCExtendAddonClass_GRID->excerpt(get_the_excerpt(),$this->pw_excerpt_length).' </p>
							</div>
					</div>
				</div>';
[PHP] pobierz, plaintext 

Znam podstawy chodzi o to że nie wiem jak się za to zabrać aby stworzyć obramowanie już w edytowanym skrypcie.

przykładowo:
plik css

[CSS] pobierz, plaintext 
.data{
    border-right: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="data">11-11-2015</div>
[HTML] pobierz, plaintext 

Ja przepraszam, ale idzie oślepnąć, naprawde....
Drogi autorze tematu:
https://pl.wiktionary.org/wiki/wokół