Joomla! България
Joomla! - Общи теми => Плъгини => Темата е започната от: emstane в 02 Февруари, 2021, 12:50:07
-
Здравейте,
Може и тъдява да има нещо, но не намерих работещи линкове.
Трябват ми за шаблон Beez3 да сладам някакви хубави бутони - да ги слагам в статиите. Предимно за линкове и хиперлинкове.
И да не са нещо особено, няма проблем. Не ми се ще да слагам картинки за бутони.
Гледах и платени, но или ужасно бавят, или нямат демо.
Разбира се, безплатни е най-добре :)
Ако някой има нещо под ръка, да удари едно рамо (relax) (coffee)
-
Виж тук: https://sprucelodgealaska.com (още се разработва) - инспекция на кода на бутоните от заглавната.
Код: <a class="uk-button" href="/guest-rooms">View All Rooms</a>, още 4-6 реда CSS и готово.
-
OK, ще го разгадавам, благодаря :)
-
Еди, от линка, който си постнал, на шаблона главното хоризонтално меню с лого в средата - с две менюта ли е направен?
---------------
Emstane, в Гугъл ако напишаш "CSS buttons" ще ти излязат хиляди резултати - готови безплатни бутони и генератори.
Ето примерно два линка:
- генератор: https://www.bestcssbuttongenerator.com/
- сайт с безплатни бутони (CSS + JS): https://freefrontend.com/css-submit-buttons/
Избираш си бутон, взимаш кода, слагаш го в твоя CSS и после на бутона в страницата му задаваш заложения клас. Ако трябва помощ, пиши тук и ще помогна, предполагам и колегите.
-
(beer) (beer)
Благодаря, това и се сетих, но тия линкове са ми ОК.
Утре ще го боря вероятно.
Ако случайно нещо, ще питам (relax)
-
Подкарах го, но бутоните само с HTML и CSS бутат ситла на Main-menu (лентата с менюта най-горе) - Beez3 шаблон.
И където има бутони, и където няма - има разлика в стила. Където има - бута шрифта и големината на менюто.
Прикачам CSS файла.
Ако на някого му се поглежда - не е китайско писмо, но не съм спец в казуистиката (relax) (coffee)
-
Еми смени имената на класовете де, не е сложно.
-
:)
Някои ги смених, явно за по-сигурно всичко трябва да преименувам. Благодаря (relax)
-
@dtk, не е с две менюта, чисто и просто оформление с CSS е.
-
За бутона в статията използвам това:
<link href="buttonstyle/stylebutton.css" rel="stylesheet" type="text/css" media="screen" />
<div class="container_button">
<a href="https://НЕЩО.СИ" target="_blank" class="b_t_n">НЕЩО СИ</a></div>
До тук е ОК, менюто горе не се променя. Но не се променя само, ако в stylebutton.css от класът а се махне: font-size: 1rem;
В stylebutton.css имам:
a {
font-size: 1rem;
padding: 1rem 3rem;
color: #095197;
text-transform: uppercase;
}
А като се махне, тогава пък буквите в бутона стават много малки.
CSS никак не ми е сила :)
-
Оправих го. Остана само при голям Zoom IN и Zoo OUT да оправя "отстъпването" и "застъпването"...
-
Опитай да го намалиш, пример:
padding: 0.5rem 1.5rem;
Или го фиксирай:
padding: 20px 30px;
-
Благодаря, първото някак е по-приемливо. (relax) (coffee)