قرار دادن تگ h1 در قالب

[narcos 8]

سلام دوستان

من همه تاپیک ها رو با این موضوع خوندم و کلی گشتم اما خب یا کدها کار نمیکردن یا مطالب خیلی قدیمی بودن و من نمیدونم الگوریتم های گوگل از سال 91 و 92 تا الان تغییر کردند یا خیر.

ممکنه یکی راهنمایی کنه به چه شکلی در صفحه اصلی سایتم و در هدر کد h1 رو قرار بدم به صورتی که نمایش داده نشه اما گوگل هم جریمه نکنه چون کد خالی میذارم ظاهر جالبی ایجاد نمیکنه و مخفی بشه یا راه حل دیگه ای که باید انجام بدم رو بگید ممنون میشم واقعا اگر دوستانی که میدونند کمک کنند

[asadiy4n 2807]

در ۱ ساعت قبل، narcos گفته است :

به چه شکلی در صفحه اصلی سایتم و در هدر کد h1 رو قرار بدم

معقول ترین راه استفاده از h1 همون استفاده به عنوان نام سایت هست که در اصل مهم ترین متن سایت شماست، مشکلتون هم فقط ظاهری هست هست که اون هم با css قابل حل هست

[narcos 8]

در 3 دقیقه قبل، asadiy4n گفته است :

معقول ترین راه استفاده از h1 همون استفاده به عنوان نام سایت هست که در اصل مهم ترین متن سایت شماست، مشکلتون هم فقط ظاهری هست هست که اون هم با css قابل حل هست

ممکنه کمکم کنید انجامش بدم؟بهترین حالتش به چه شکل هست؟الان فقط مشکلم همینه چندین روزه میگردم چیزی پیدا نمیکنم واقعا ممنون میشم

در هدر باید قرار بدم کد رو ؟ در استایل چی قرار بدم برای ظاهرش که باعث جریمه نشه؟

[asadiy4n 2807]

در 4 دقیقه قبل، narcos گفته است :

ممکنه کمکم کنید انجامش بدم؟بهترین حالتش به چه شکل هست؟الان فقط مشکلم همینه چندین روزه میگردم چیزی پیدا نمیکنم واقعا ممنون میشم

در هدر باید قرار بدم کد رو ؟ در استایل چی قرار بدم برای ظاهرش که باعث جریمه نشه؟

ببینید تماما سلیقه ای هست فرض کنید اسم سایت شما سایت من هست شما همین رو در هدر سایتتون داخل تگ h1 قرار میدید و بهش استایل میدید

این نمونه رو مشاهده کنید چقدر زیبا انجام داده

https://codepen.io/chrisrindone/pen/earyoX

فقط با استایل دهی میتونید یک متن بسیار شکیل داخل تگ h1 داشته باشید.

باز هم میگم تماما سلیقه ای هست

 

[asadiy4n 2807]

این هم نمونه های بیشتر

https://codepen.io/rafaelcastrocouto/pen/BNdOab
https://codepen.io/RobinTreur/pen/pyWLeB
https://codepen.io/carpenumidium/pen/fwgmF

 

[narcos 8]

در 4 دقیقه قبل، asadiy4n گفته است :

این هم نمونه های بیشتر

https://codepen.io/rafaelcastrocouto/pen/BNdOab
https://codepen.io/RobinTreur/pen/pyWLeB
https://codepen.io/carpenumidium/pen/fwgmF

 

بله این ها زیبا هستند اما من کد نویسی بلد نیستم و نمیدونم اینارو چطور درست انجام بدم برای همین دنبال یه کد هستم که فقط h1 در صفحه اصلی باشه و مخفی باشه مثل خیلی سایت های دیگه امادر عین حال باعث آسیب هم نشه

[asadiy4n 2807]

در 1 دقیقه قبل، narcos گفته است :

مخفی باشه مثل خیلی سایت های دیگه امادر عین حال باعث آسیب هم نشه

این چیزی که شما میخواید فک نکنم شدنی باشه

در 1 دقیقه قبل، narcos گفته است :

بله این ها زیبا هستند اما من کد نویسی بلد نیستم و نمیدونم اینارو چطور درست

دیگه کد نویسی لازم ندارید اینها خودشون کد هستن فقط متنتون رو جایگزین کنید

 

اسم سایتتون چی هست ؟

[narcos 8]

در 13 دقیقه قبل، asadiy4n گفته است :

این چیزی که شما میخواید فک نکنم شدنی باشه

دیگه کد نویسی لازم ندارید اینها خودشون کد هستن فقط متنتون رو جایگزین کنید

 

اسم سایتتون چی هست ؟

خیلی ممنون

[narcos 8]

دوستان اگر کسی کدی داره که بتونم h1 رو بدون نمایش قرار بدم ممنون میشم

[asadiy4n 2807]

الان یه نمونه نزدیک به لوگوی وبسایتتون براتون درست کردم

در اینجا از فونت نستعلیق و یکان استفاده شده

<div class="boxtest" style="margin-right:300px;">
<h2>مجله خبری تفریحی</h2><h1>فرهنگ</h1>
</div>

در css

@font-face {
font-family: 'IranNastaliq';
src: url('http://fontonline.ir/fonts/IranNastaliq.eot?#') format('eot'),
url('http://fontonline.ir/fonts/IranNastaliq.ttf') format('truetype'),
url('http://fontonline.ir/fonts/IranNastaliq.woff') format('woff');
}
.boxtest h2{
float: right;
width: 60px;
font-size: 20px;
line-height: 1;
margin: 0;
padding: 0;
}
.boxtest h1{
float: right;
width: 90px;
font-size: 55px;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 8px 0 0 0;
font-family: IranNastaliq;transform:
rotate(-10deg);
}

فک کنم این مورد خیلی نزدیک به عکستون هست فقط بحث انتخاب فونت هست

کافیه که این کد رو با عکستون جایگزین کنید

البته میشد بیشتر روش کار کرد ولی وقت نبود

برای ایجاد سایه هم کافیه به استایل h2 یا h3 این کد رو اضافه کنید

text-shadow: gray 2px 2px 3px;

[narcos 8]

در 40 دقیقه قبل، asadiy4n گفته است :

الان یه نمونه نزدیک به لوگوی وبسایتتون براتون درست کردم

در اینجا از فونت نستعلیق و یکان استفاده شده

<div class="boxtest" style="margin-right:300px;">
<h2>مجله خبری تفریحی</h2><h1>فرهنگ</h1>
</div>

در css

@font-face {
font-family: 'IranNastaliq';
src: url('http://fontonline.ir/fonts/IranNastaliq.eot?#') format('eot'),
url('http://fontonline.ir/fonts/IranNastaliq.ttf') format('truetype'),
url('http://fontonline.ir/fonts/IranNastaliq.woff') format('woff');
}
.boxtest h2{
float: right;
width: 60px;
font-size: 20px;
line-height: 1;
margin: 0;
padding: 0;
}
.boxtest h1{
float: right;
width: 90px;
font-size: 55px;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 8px 0 0 0;
font-family: IranNastaliq;transform:
rotate(-10deg);
}

فک کنم این مورد خیلی نزدیک به عکستون هست فقط بحث انتخاب فونت هست

کافیه که این کد رو با عکستون جایگزین کنید

البته میشد بیشتر روش کار کرد ولی وقت نبود

برای ایجاد سایه هم کافیه به استایل h2 یا h3 این کد رو اضافه کنید

text-shadow: gray 2px 2px 3px;

خیلی ممنونم ازتون