⚠️ Nu ești autentificat.
Home
https://credite.vetindex.ro/index.php
2025-12-06T04:25:00+00:00
Joomla! - Open Source Content Management
revista (3)
2025-05-09T12:51:26+00:00
2025-05-09T12:51:26+00:00
https://credite.vetindex.ro/index.php/component/content/article/revista-3?catid=2
admin
<div class="feed-description"></div>
<div class="feed-description"></div>
revista (2)
2025-05-09T12:51:26+00:00
2025-05-09T12:51:26+00:00
https://credite.vetindex.ro/index.php/component/content/article/revista-2?catid=2
admin
<div class="feed-description"></div>
<div class="feed-description"></div>
revista
2025-05-09T12:51:26+00:00
2025-05-09T12:51:26+00:00
https://credite.vetindex.ro/index.php/component/content/article/revista?catid=2
admin
<div class="feed-description"><iframe src="https://credite.vetindex.ro/flip/vet47/vet47.html" width="100%" height="600" style="border: none;" allowfullscreen="allowfullscreen"></iframe></div>
<div class="feed-description"><iframe src="https://credite.vetindex.ro/flip/vet47/vet47.html" width="100%" height="600" style="border: none;" allowfullscreen="allowfullscreen"></iframe></div>
c14
2025-05-09T11:10:34+00:00
2025-05-09T11:10:34+00:00
https://credite.vetindex.ro/index.php/component/content/article/c12-3?catid=2
admin
<div class="feed-description"><style>
/* FUNDAL GENERAL + CONTAINER UNIC */
body {
background: #f8f8f8;
margin: 0;
font-family: sans-serif;
}
.bookcase {
background: #f1f1f1;
border-radius: 20px;
padding: 40px 20px;
max-width: 1200px;
margin: 40px auto;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.05);
}
/* RAFT UNIC */
.shelf {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px; /* înlocuiește cu: */
column-gap: 40px;
row-gap: 60px; /* ⬅️ aceasta e distanța între rânduri */
}
/* REVISTĂ INDIVIDUALĂ */
.magazine {
width: 140px;
text-align: center;
}
/* IMAGINE REVISTĂ */
.magazine img {
width: 100%;
border-radius: 6px;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
display: block;
}
/* WRAPPER IMAGINE */
.cover-wrapper {
position: relative;
display: inline-block;
cursor: pointer;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cover-wrapper:hover {
transform: translateY(-5px);
}
.cover-wrapper::after {
content: '';
position: absolute;
top: 6px;
right: -8px;
width: 8px;
height: calc(100% - 6px);
background: repeating-linear-gradient(
to right,
#f8f8f8,
#f8f8f8 1px,
#ccc 1px,
#ccc 2px
);
border-radius: 0 6px 6px 0;
box-shadow: inset -1px 0 2px rgba(0, 0, 0, 0.1);
z-index: 1;
pointer-events: none;
}
/* UMBRĂ SUB IMAGINE */
.cover-wrapper::before {
content: '';
position: absolute;
bottom: -6px;
left: 8px;
width: calc(100% - 16px);
height: 8px;
background: rgba(0, 0, 0, 0.4);
filter: blur(2px);
border-radius: 50%;
z-index: 0;
}
/* TOOLTIP SUB IMAGINE */
.tooltip {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 140px;
max-width: 160px; /* pentru a include și marginea din dreapta */
background: rgba(0, 0, 0, 0.85);
color: #fff;
font-size: 12px;
padding: 6px 10px;
border-radius: 6px;
white-space: normal;
text-align: center;
line-height: 1.4;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
margin-top: 6px;
z-index: 10;
}
.cover-wrapper:hover .tooltip {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
/* RESPONSIVE MOBIL */
@media (max-width: 768px) {
.shelf {
gap: 20px;
}
.magazine {
width: 45%;
}
.bookcase {
padding: 20px 15px;
}
}
</style>
<div class="bookcase">
<div class="shelf">
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/2.png" alt="Revista 2" />
<div class="tooltip">Revista Veterinarul Știință și Practică nr. 2</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/4.png" alt="Revista 4" />
<div class="tooltip">Revista 4 - ediția specială</div>
</div>
</div>
<!-- Continuă cu restul revistelor... --></div>
</div></div>
<div class="feed-description"><style>
/* FUNDAL GENERAL + CONTAINER UNIC */
body {
background: #f8f8f8;
margin: 0;
font-family: sans-serif;
}
.bookcase {
background: #f1f1f1;
border-radius: 20px;
padding: 40px 20px;
max-width: 1200px;
margin: 40px auto;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.05);
}
/* RAFT UNIC */
.shelf {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px; /* înlocuiește cu: */
column-gap: 40px;
row-gap: 60px; /* ⬅️ aceasta e distanța între rânduri */
}
/* REVISTĂ INDIVIDUALĂ */
.magazine {
width: 140px;
text-align: center;
}
/* IMAGINE REVISTĂ */
.magazine img {
width: 100%;
border-radius: 6px;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
display: block;
}
/* WRAPPER IMAGINE */
.cover-wrapper {
position: relative;
display: inline-block;
cursor: pointer;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cover-wrapper:hover {
transform: translateY(-5px);
}
.cover-wrapper::after {
content: '';
position: absolute;
top: 6px;
right: -8px;
width: 8px;
height: calc(100% - 6px);
background: repeating-linear-gradient(
to right,
#f8f8f8,
#f8f8f8 1px,
#ccc 1px,
#ccc 2px
);
border-radius: 0 6px 6px 0;
box-shadow: inset -1px 0 2px rgba(0, 0, 0, 0.1);
z-index: 1;
pointer-events: none;
}
/* UMBRĂ SUB IMAGINE */
.cover-wrapper::before {
content: '';
position: absolute;
bottom: -6px;
left: 8px;
width: calc(100% - 16px);
height: 8px;
background: rgba(0, 0, 0, 0.4);
filter: blur(2px);
border-radius: 50%;
z-index: 0;
}
/* TOOLTIP SUB IMAGINE */
.tooltip {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 140px;
max-width: 160px; /* pentru a include și marginea din dreapta */
background: rgba(0, 0, 0, 0.85);
color: #fff;
font-size: 12px;
padding: 6px 10px;
border-radius: 6px;
white-space: normal;
text-align: center;
line-height: 1.4;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
margin-top: 6px;
z-index: 10;
}
.cover-wrapper:hover .tooltip {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
/* RESPONSIVE MOBIL */
@media (max-width: 768px) {
.shelf {
gap: 20px;
}
.magazine {
width: 45%;
}
.bookcase {
padding: 20px 15px;
}
}
</style>
<div class="bookcase">
<div class="shelf">
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/2.png" alt="Revista 2" />
<div class="tooltip">Revista Veterinarul Știință și Practică nr. 2</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/3.png" alt="Revista 3" />
<div class="tooltip">Revista 3</div>
</div>
</div>
<div class="magazine">
<div class="cover-wrapper"><img src="https://credite.vetindex.ro//images/Biblioteca/4.png" alt="Revista 4" />
<div class="tooltip">Revista 4 - ediția specială</div>
</div>
</div>
<!-- Continuă cu restul revistelor... --></div>
</div></div>