گاهی اوقات ما میخوایم یه محتوایی رو تولید کنیم و شکل تولید محتوا هم به صورت ترجمه است. تا اینجا هیچ مشکلی نیست و مثل همیشه میخوایم یک متنی رو ترجمه کنیم و در بلاگ یا سایت‌مون منتشر کنیم.
اما بعضی وقت‌ها عناصر مزاحمی روی صفحه متن مبدا (مثلا انگلیسی یا فرانسه) وجود داره که کار ترجمه رو دشوار می‌کنه. مثلا یه سری آیکون شبکه‌های اجتماعی کنار صفحه قرار گرفتن و همراه با اسکرول صفحه، حرکت می‌کنن.
یا مثلا رنگ متن خیلی بی‌حال و خسته است و نمیشه درست خوندش و یا یه بخشی از صفحه رفته سمت چپ یا بالای صفحه و نمیشه متن رو به صورت کامل خوند.
این جور اشکالات مخصوصا وقتی بخواید همزمان پنجره مرورگر و یه پنجره از ویندوز یا یه پنجره دیگه از مرورگر رو کنار هم باز کنید و یکی رو به متن اصلی و اون یکی رو به صفحه تایپ خودتون اختصاص بدین، بیشتر دیده میشن.
این اشکال‌ها تمرکز تولید کننده محتوا رو به هم می‌ریزن. البته خوشبختانه در خیلی از سایت‌ها این مشکلات وجود نداره.
علاوه بر این، گاهی اوقات هم شما دوست دارید تمرکزتون رو بذارید روی متن و تبلیغات دور صفحه رو نبینید.
تو این پست به شما میگم که اگر دنبال راهکار این مشکل‌ها هستید، می‌تونید با چند تا تگ HTML و CSS سریع مشکل رو حل کنید و اعصاب‌تون سر این قضیه سابیده نشه!
حتی دیدم بعضی‌ها از خیر اون سایت میگذرن و میرن دنبال یک منبع دیگه! در حالی که شما برای پیدا کردن منبع وقت گذاشتید و نباید به این راحتی ازش بگذرید.
با چند تا کد و تگ از داخل مرورگر گوگل (کروم) میشه این کار رو انجام داد البته یادتون باشه، هر کاری اینجا بکنید موقت هست و با اولین ریفرش صفحه، همه چیز به حالت اول برمی‌گرده. اما تا زمانی که ریفرش نکنید، می‌تونید با صفحه تغییر داده شده کار کنید.
ادامه این پست رو در ویدیو پایین ببینید.
داخل ویدیو مراحل کار رو با جزییات توضیح دادم که امیدوارم براتون مفید باشه.
