Forum Pasja Informatyki - Najnowsze z tagiem odnośnik

Alternatywa dla "a href", powiększenie obrazka na którym jest tekst.

Fri, 30 Mar 2018 21:27:26 +0000

Dobry wieczór,

Jestem w trakcie tworzenia strony internetowej, lecz natrafiłem na problem z tego wynikający.

HTML

<div class="obrazy" onclick="link('ADRES')">
                            <div class="scale">
                                <div class="absolute">
                                    <ul>
                                        <li><h5>DTP od podstaw</h5><h6>Zasady przygotowania projektów do druku</h6><p>Szymon Kotarba <i class="icon-clock-1"></i> wto., 20.03.2012</p></li>
                                    </ul>
                                </div>
                                <div class="obraz"><img src="img/e12.jpg" alt="e12"/></div>
                            </div>
                        </div>

Css:

.scale:hover
{
	transform: scale(1.05);
	filter: brightness(1.4);
}

.scale
{
	width: 460px;
	height: 245px;
	transition: 0.3s all;
}

.obraz
{
	background-color: #01050d;
	width: 460px;
	height: 250px;
	position: absolute;
}

.obraz:before 
{
	background-color: #01050d;
    content:'';
    background: linear-gradient(0deg,rgba(1, 5, 13, 0.84) 0,rgba(1,5,13,0));
    width:100%;
    height:100%;
    position:absolute;
}

.obraz img
{
	background-color: #01050d;
	width: 460px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.absolute
{
	width: 460px;
	height:auto;
	top:150px;
	position: absolute;
	z-index: 1;
}
.absolute ul
{
	list-style-type: none;
	padding: 0px;
	position: absolute;
}

.absolute ul>li
{
	padding: 0px;
	margin: 0px;
}

.absolute ul>li a
{
	text-align: left;
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
	transition: all .3s;
	
}



.absolute ul>li h5
{
	font-family: Montserrat,sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	text-align: left;
	margin: 0px 0px 5px 23px;
	
}

.absolute ul>li h6
{
	font-size: 17px;
	line-height: 100%;
	text-align: left;
	margin: 0px 0px 5px 23px;
	font-family: 'Lora', serif;
	font-style: italic;
}

.absolute ul>li p
{
	font-size: 10px;
	line-height: 100%;
	text-align: left;
	margin: 8px 0px 5px 23px;
	font-family: Montserrat,sans-serif;
	font-weight: 400px;
	color: silver;
}

Wydaje mi się, że kod jest w całości.

Chciałbym, aby po najechaniu na zdjęcie powiększyło się, problem jest w tym, że na tym obrazku znajduje się tekst ("position: absolute;"). Udało mi się wrzucić obrazek wraz z tekstem do jednego diva i po najechaniu na tego diva obraz i tekst mi się powiększa.

Czy jest możliwość napisania poleceń w taki sposób, że jedynie obraz, mógłby się powiększać?

https://imgur.com/sEwcEeq

Dla wizualizacji: https://imgur.com/3CTJdb7

Jeśli znacie odpowiedź na moje wyżej zadane pytania, śmiało proszę odpowiadać, wystarczającą pomocą będzie podanie linku do strony, na której problem został rozwiązany.

Bardzo dziękuje za wszystkie odpowiedzi :)

Przekierowanie do wysłania wiadomości gmail?

Sat, 03 Mar 2018 11:59:28 +0000

Dzień dobry,

Chcę dodać w sidebarze przekierowanie do pisania wiadomości pocztowej, coś takiego, że po kliknięciu następuje przekierowanie do poczty i email do którego wysyłana jest wiadomość ( czyli mój ) jest już wpisany, zwykłe mailto: w a hrefie nic nie robi, chyba, że to ja coś robię nie tak.

Odnośniki na stronie dla klienta, który poprawia swoje teksty

Tue, 04 Jul 2017 11:02:38 +0000

Witam,
Chcę, żeby klient sam obsługiwał swoje teksty. Czy odnośnik z plikiem w pdf-ie, to według Was dobre rozwiązanie? Chodzi o to, żeby nie poprawiać co chwila tekstów w html w akapitach. Klient przysyła poprawiony tekst, ja go tylko podmieniam w katalogu, np. .../teksty

Klient, to oczywiście pojęcie hipotetyczne. Na razie tworzę pierwszy szablon i szukam dobrych rozwiązań.

Jak zmienić kolor z fioletu (kolor odnośnika) na dowolny inny kolor ??

Thu, 05 May 2016 14:10:45 +0000

Jak zmienic kolor linka (np. słowa, który jest odnośnikiem) z fioletu na jakikolwiek inny ?

Stylizajca linku do strony

Sat, 09 Apr 2016 19:56:53 +0000

Witam,
stworzyłem witrynę, którą zamieściłem w internecie na płatnym serwerze. Strona posiada opłaconą domenę pl. Jest to pierwsza strona, którą zamieszczam w internecie i chciałbym, aby wszystko było dopięte na ostatni guzik. Tutaj pojawia się pytanie.

Gdy zamieszczam gdzieś link do strony (przykładowo facebook), to oprócz adresu do strony pojawia się także jej opis i obrazek.

Tak powinno być , a niekiedy jest tak .

W miarę tworzenia strony zmieniłem jej opis, ale nie wiem dlaczego gdy podaję adres samej strony bez żadnej podstrony, to wyskakuje stary opis i inne zdjęcie niż w pierwszym przypadku. Dodam, że strona składa się z 4 podstron, a na każdej jest prawidłowy opis (pierwsze zdjęcie). Czy ma ktoś pomysł co zrobić, żeby opis był aktualny i czy jest możliwość ustawienia miniaturki tego odnośnika tak jak na pierwszym screenie?

odnośnik w divie ?

Mon, 04 Jan 2016 17:24:30 +0000

Mam problem ze stroną która była w kursie CSS u pana Zelenta na kanale YouTube, chodzi o strone z tematyką Linuxa. Jak zrobić aby po kliknięciu w jedno z okienek(czerwona strzałka) w menu po lewej stronie zawartość html pojawiła sie w głównym oknie content (żółty oznaczenie).Próbowałem ze znacznikiem <a> i atrybutem target ale nie zadziałało.

Bardzo prosze o pomoc

Odnośnik do etykiety - animacja przejścia

Wed, 09 Dec 2015 19:10:11 +0000

Witam, mam na stronie odnośniki do etykiety (klikam i przechodzę do innego miejsca na tej samej podstronie) i chciałbym zrobić animację "przesuwającej się strony", żeby po kliknięciu nie przenosiło tak od razu, bez niczego, do wybranego miejsca. Chodzi mi o coś takiego, co ma pan Zelent, na swojej stronie, kiedy kliknie się w strzałkę w prawym dolnym rogu.