Skocz do zawartości

Potrzebuje pomocy przy postach


Magmus
 Udostępnij

Rekomendowane odpowiedzi

Witam pomogli byście mi przy css bo kombinuje jak koń pod górkę ale bez żadnych efektów mam tu taki screen posta z stronki

d1.png

i jak widać link do facebooka jest pod postem a jak zrobić to żeby był na terenie posta? np. tak

d2.png

bo mi pod postem wyświetla link do fb 

kod html:

					<div class="post">
						<div class="post-name">DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG</div>
							<div class="post-tekst">
							<img class="post-img" src="img/6.jpg">
									<span class="post-tekst2">Pochodzenie współczesnych dogów jest związane z psami, które przywędrowały do Europy z Azji. Protoplastą tego typu psów miałby być mastif tybetański, jednak dawniej były to najczęściej psy w typie pasterskim. Strebel podkreśla, że całkiem prawdopodobna teoria pochodzenia doga, wiąże się z występowaniem w Europie Środkowej i Północnej cięższej formy wilka, tak więc dogi mogły wyewoluować z psów europejskich. Według starożytnych źródeł na jakie powołuje się Rāber do Brytanii psy bojowe w typie doga trafiły dzięki Galom, Cymbrom oraz Teutonom. Do Germanii przywędrowały wraz z rzymskimi legionami[3].

W rejonach Europy Południowej funkcjonowało określenie alano lub alant i miało oznaczać doga, który został sprowadzony na te obszary przez plemię Alanów.

Zasadnicze cechy anatomiczne dogów tj. skrócenie części twarzowej czaszki przypisuje się procesowi domestykacji psa. Brinkmann analizował wykopaliska w Danii i Norwegii z okresu wczesnego neolitu, które dotyczyły szczątków szkieletowych psów o zredukowanej i wygiętej żuchwie. Te odkrycia, przypisał występującym w ówczesnych czasach formom psów dogowatych.</span>
						</div>
						<div class="post-linki"><a class="post-facebook" href="https://www.facebook.com/">Więcej na facebook</a></div>
					</div>

Kod css:

.post:nth-child(1){
	margin:20px auto;
}
.post{
	width:750px;
	margin:30px auto;
	background:#fff;
}
.post-name{
	padding-top:25px;
	width:700px;
	margin:25px auto;
	font-size:22px;
	font-family: 'Signika', sans-serif;
	color:#27ae60;
}
.post-tekst{
	width:700px;
	margin:25px auto;
	font-size:16px;
	font-family: 'Signika', sans-serif;
	margin-bottom:50px;
}
.post-tekst2{
	padding-left:15px;
}
.post-img{
	float:left;
	margin:0px 15px 5px 0px;
	max-width:400px;
	max-height:400px;
}
.post-linki{
	width:700px;
	margin:0 auto;
}
.post-facebook{
	padding:5px 10px;
	color:#fff;
	background:#3b5998;
	border-radius:4px;
	border:2px solid #3b5998;
	font-family: 'Signika', sans-serif;
	transition:0.5s;
	font-size:14px;
	float:right;
}
.post-facebook:hover, .post-facebook:focus{
	padding:5px 10px;
	color:#3b5998;
	background:#fff;
	border-radius:4px;
	border:2px solid #3b5998;
	transition:0.5s;
}

Nie które rzeczy w css są nie potrzebne i tytuł tekst zdjęcie jest przykładowe ☺️ 

Mogli byście mi pomuc bo nie wiem jak to zrobić.

I chciał bym żeby było tak jak post jest mniejszy to link do fb jest pod tekstem jak na zdjęciu 2 w prawym dolnym postu.

Z góry dziękuje za pomoc. ☺️ 

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Cześć. Sprawdź poniższe tematy z tabelką "Kontakt z Administracją":  Tabela "Kontakt z Administracją" dla stylu MyBB Trzeci kod na tabelkę "Kontakt z Administracją" pod MyBB Gotowy kod na "Kontakt z Administracją". Kontakt z Administracją + status Online - Offline [MyBB] Kontakt z Administracją w panelu bocznym A tutaj tabelka serwerów Counter Strike: Gotowa Tabela Serwerów CS pod MyBB Te wszystkie gotowce są przeważnie wyciągane z różnych styli i nie zawsze je tak łatwo dodać do innego. Trzeba zazwyczaj poprawić lekko kod pod swój motyw.
    • Cześć. Tak strona internetowa musi mieć informację iż wykorzystuje pliki cookies, najczęściej jest to wyskakujący baner na dole strony z przyciskiem "Zgadzam się". Oczywiście jeżeli Twoja strona nie wykorzystuje cookies to nie musisz umieszczać żadnego ostrzeżenia. Dodatkowo nie każdy rodzaj ciasteczek wymaga publikacji na stronie o ich wykorzystywaniu.  Ustawa wyłącza spod tego obowiązku ciasteczka o charakterze technicznym, czyli wykorzystywane między innymi przy rejestracji kont, logowaniu albo zapisywaniu towarów w koszyku sklepu internetowego. W Polsce przepis dotyczący stosowania plików cookies został umieszczony 22 marca 2013 roku w ustawie Prawo Telekomunikacyjne w art. 173 i brzmi on tak: Przechowywanie informacji lub uzyskiwanie dostępu do informacji już przechowywanej w telekomunikacyjnym urządzeniu końcowym abonenta lub użytkownika końcowego jest dozwolone, pod warunkiem że: abonent lub użytkownik końcowy zostanie uprzednio bezpośrednio poinformowany w sposób jednoznaczny, łatwy i zrozumiały, o:  celu przechowywania i uzyskiwania dostępu do tej informacji, możliwości określenia przez niego warunków przechowywania lub uzyskiwania dostępu do tej informacji za pomocą ustawień oprogramowania zainstalowanego w wykorzystywanym przez niego telekomunikacyjnym urządzeniu końcowym lub konfiguracji usługi; abonent lub użytkownik końcowy, po otrzymaniu informacji, o których mowa w pkt 1, wyrazi na to zgodę; (…) przechowywana informacja lub uzyskiwanie do niej dostępu nie powoduje zmian konfiguracyjnych w telekomunikacyjnym urządzeniu końcowym abonenta lub użytkownika końcowego i oprogramowaniu zainstalowanym w tym urządzeniu. Jest taki zapis w ustawie, ale dotyczy on bardziej dużych korporacji czy technologicznych gigantów jak Google czy Amazon.  Zgodnie z przepisami karnymi Prawa Telekomunikacyjnego (art. 209 ust. 1, pkt. 27 i art. 210) za brak informacji o ciasteczkach karę  pieniężną w drodze decyzji nakłada Prezes Urzędu Komunikacji Elektronicznej. Uwzględniając okoliczności i możliwości finansowe ukaranego podmiotu może nałożyć karę w wysokości do 3 % przychodu ukaranego podmiotu, osiągniętego w poprzednim roku kalendarzowym.  Jeżeli okres działania podmiotu jest krótszy niż rok kalendarzowy, za podstawę wymiaru kary przyjmuje się kwotę 500 000 złotych! Najłatwiej i najszybciej skorzystać z gotowych skryptów Javascript i zaimplementować je na swojej stronie.  Skorzystaj ze strony: Skrypt-cookies.pl albo ciasteczka.eu.
    • Musisz dodać kod HTML legendy grup w osobnej tabeli, bo dodałeś kod wewnątrz tabeli "WhosOnline" dlatego się rozjechało. Znaki zapytania wyświetlają się dlatego że w stylu masz zaimplementowaną nowszą wersję Font Awesome 5 a w kodzie legendy grup jest kod dla wersji 4.7. Przykładowo ten kod dla ikonki pół-gwiazdy nie zadziała na FA5 a zamiast ikonki będzie pokazywał się znak zapytania o którym wspomniałeś. <i class="fa fa-star-half-o" aria-hidden="true"></i> Poprawnym odpowiednikiem tej ikonki w nowej wersji jest: <i class="fas fa-star-half"></i> Jak widać w FA5 jest "fas" zamiast "fa" i zniknęło -o na końcu. Natomiast dla ikonek z logiem marek np. Steam czy Facebook zamist "fas" jest "fab" = Font Awesome Brand. Warto dodać że w FA5 wiele ikonek jest dostępnych tylko w wersji PRO więc nie zawsze znajdziesz dokładny odpowiednik, trzeba użyć najbardziej zbliżonej dostępnej ikonki. Myślę że wiesz już o co chodzi, bo są to naprawdę podstawy HTML.  Dobra, poprawiłem cały kod za Ciebie. Warto zadbać o to aby kod był czytelny czyli np. oddzielić sobie poszczególne komórki (td) wtedy łatwiej jest go zrozumieć i edytować. Dodatkowo nie widzę sensu dodawać stylu lokalnego (CSS) wewnątrz kodu HTML, przecież od tego jest właśnie arkusz styli, aby tam dodwać klasy i w razie czego edytować jedną klasę a nie tracić czasu na edycję kodu HTML. Przykładowo jeżeli chciałbyś teraz zmienić "padding-left" to musisz edytować to w każdym elemencie "span" a wystarczyłoby dodać nową klasę do global.css i operować tylko nią... ale mniejsza o to nie będę się czepiał 😛  Przejdź do szablonu index_boardstats, usuń cały dotychczasowy kod i wklej: {$forumstats} <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <thead> <tr> <td class="thead{$collapsedthead['boardstats']}"> <div><strong><span class="podkresleniestaty">{$lang->whos_online} </span><span class="podnapisstaty"> {$lang->online_note} </span></strong></div> </td> </tr> </thead> <tbody style="{$collapsed['boardstats_e']}" id="boardstats_e"> {$whosonline} </tbody> </table> <br /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: red; text-shadow: 3px 3px 10px !important;font-weight:bold;">Administracyjne:</span><br> <br> <span class="rank_admin"><i class="fa fa-star"></i> Właściciel</span> <br> <span class="rank_viceadmin" style="padding-left: 10px;"><i class="fas fa-star"></i> Współwłaściciel</span> <br> <span class="rank_hadmin" style="padding-left: 10px;"><i class="fas fa-star" aria-hidden="true"></i> Administrator Forum</span> <br> <span class="rank_opforum" style="padding-left: 10px;"><i class="fas fa-star-half"></i> Opiekun Forum</span> <br> <span class="rank_mod" style="padding-left: 10px;"><i class="fas fa-cogs" aria-hidden="true"></i> Moderator</span><br> <span class="rank_ubt" style="padding-left: 10px;"><i class="fas fa-gavel"></i> UBTeam</span> <br> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: green; text-shadow: 3px 3px 10px !important;font-weight:bold;">Serwerowe:</span> <br><br> <span class="rank_wserwera" style="padding-left: 10px;"><i class="fas fa-shield-alt"></i> Właściciel Serwera</span> <br> <span class="rank_opiekun" style="padding-left: 10px;"><i class="fab fa-yelp"></i> Opiekun Serwera</span> <br> <span class="rank_madmin" style="padding-left: 10px;"><i class="fab fa-steam"></i> Multi-Admin</span><br> <span class="rank_aserwera" style="padding-left: 10px;"><i class="fab fa-steam"></i> Admin Serwera CS 1.6</span> <br> <span class="rank_ats" style="padding-left: 10px;"><i class="fas fa-microphone"></i> Admin Serwera TS3</span><br> <span style="font-weight: bold; color: #00ffff;"><i class="fab fa-steam" aria-hidden="true"></i>&nbsp;Admin Rezerwowy</span><br> <span style="text-shadow: 1px 1px 8px #FFCC00 ; font-weight: bold; color:#FFCC00 ;"><i class="fas fa-code" aria-hidden="true"></i>Technik Serwerów</span><br> <span style="text-shadow: 1px 1px 8px #FFCC00 ; font-weight: bold; color:#FFCC00 ;"><i class="fas fa-microphone"></i>Technik TeamSpeak</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: cyan; text-shadow: 3px 3px 10px !important;font-weight:bold;">Forumowe:</span> <br><br> <span class="rank_grafik" style="padding-left: 10px;"><i class="fas fa-paint-brush"></i> Grafik</span> <br> <span class="rank_redaktor" style="padding-left: 10px;"><i class="fas fa-edit"></i> Redaktor</span><br> <span class="rank_rfb" style="padding-left: 10px;"><i class="fab fa-facebook" aria-hidden="true"></i> Redaktor FanPage</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px;color: purple; text-shadow: 3px 3px 10px !important;font-weight:bold;">Premium:</span> <br><br> <span class="rank_donator" style="padding-left: 10px;"><i class="fas fa-dollar-sign"></i> Donator</span><br> <span class="rank_premium" style="padding-left: 10px;"><i class="fas fa-star"></i> Premium</span><br> <span class="rank_weteran" style="padding-left: 10px;"><i class="fas fa-gem"></i> Zasłużony</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: white;text-shadow: 3px 3px 10px !important;font-weight:bold;">Podstawowe:</span> <br><br> <span class="rank_laska" style="padding-left: 10px;"><i class="fas fa-heart"></i> Kobieta</span> <br> <span class="rank_bywalec" style="padding-left: 10px;"><i class="fas fa-gem"></i> Bywalec</span><br> <span class="rank_user" style="padding-left: 10px;"><i class="fas fa-user"></i> Użytkownik</span> <br> </td> </table> <br />
×